不使用Razzle服务器端呈现的Reactstrap

Question

我们正在将现有的React (用CRA创建)转换为一个Razzle应用程序，以便为某些页面提供服务器端呈现。

我们能够在迁移中得到很多正确的东西，但是现在只能使用Reactstrap组件(只需要检查Button组件)无法在服务器端呈现。在客户端渲染时，它们工作良好。

我得到的错误是，

“error”：“元素类型无效:期望字符串(用于内置组件)或类/函数(用于复合组件)，但得到:未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。”

密码，

import React from "react";
import { Button } from "reactstrap";

const AboutPage = () => {
  return (
    <>
      <div>This is about page</div>
      <div>
        <Button color="danger">Save</Button>
      </div>
    </>
  );
};

export default AboutPage;

我不确定它是否需要做任何修改，webpack的配置，以使这项工作。如果有人已经成功地使用了Razzle的Reactstrap组件，那么还有哪些额外的步骤来实现这个工作呢？

谢谢。

Answer 1

你能试着用这样的导入语句吗，

import { Button } from "reactstrap";

你能试着用这个重新创建应用程序吗?我想更新的react已经安装好了。

npx create-razzle-app YOUR_APP_NAME --example basic