0

我们正在将现有的 React 应用程序（使用 CRA 创建）转换为 Razzle 应用程序，以便为某些页面提供服务器端渲染。

我们能够通过迁移完成很多事情，但现在卡住了 Reactstrap 组件（仅检查 Button 组件）无法在服务器端呈现。它们在客户端渲染时工作正常。

我得到的错误是，

“错误”：“元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：未定义。您可能忘记从定义它的文件中导出您的组件，或者您可能混淆了默认导入和命名导入。”

代码，

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;

我不确定它是否需要对 razzle webpack 配置进行任何更改才能使其正常工作。如果有人成功地使用了带有 Razzle SSR 的 Reactstrap 组件，那么还有哪些额外的步骤可以让它工作？

谢谢。

4

1 回答 1

0

您可以尝试使用这样的导入语句吗？

import { Button } from "reactstrap";

你可以尝试用这个重新创建应用程序吗，我认为安装了更新的反应

npx create-razzle-app YOUR_APP_NAME --example basic
于 2021-11-10T07:43:06.383 回答