【问题标题】:Element type is invalid: expected a string (for built-in components) or a class/function. SSR with nodejs, react, react-router-dom元素类型无效:应为字符串(用于内置组件)或类/函数。使用 nodejs、react、react-router-dom 的 SSR
【发布时间】:2022-02-08 01:02:42
【问题描述】:

沙盒https://codesandbox.io/s/focused-dream-ko68k?file=/server/server.js

错误
错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。 在 ReactDOMServerRenderer.render (C:\Users\Gp\Desktop\testingg\server\node_modules\react-dom\cjs\react-dom-server.node.development.js:4053:17) 在 ReactDOMServerRenderer.read (C:\Users\Gp\Desktop\testingg\server\node_modules\react-dom\cjs\react-dom-server.node.development.js:3690:29) 在 Object.renderToString (C:\Users\Gp\Desktop\testingg\server\node_modules\react-dom\cjs\react-dom-server.node.development.js:4298:27) 在 C:\Users\Gp\Desktop\testingg\server/server.js:16:30 在 Layer.handle [as handle_request] (C:\Users\Gp\Desktop\testingg\server\node_modules\express\lib\router\layer.js:95:5) 在 trim_prefix (C:\Users\Gp\Desktop\testingg\server\node_modules\express\lib\router\index.js:323:13) 在 C:\Users\Gp\Desktop\testingg\server\node_modules\express\lib\router\index.js:284:7 在 Function.process_params (C:\Users\Gp\Desktop\testingg\server\node_modules\express\lib\router\index.js:341:12) 在下一个(C:\Users\Gp\Desktop\testingg\server\node_modules\express\lib\router\index.js:275:10) 在 expressInit (C:\Users\Gp\Desktop\testingg\server\node_modules\express\lib\middleware\init.js:40:5)

代码 反应/index.js react/src/index.js

React/App.js react/src/App.js

Server/index.js -- node_module 到 node_modules。但它仍然不起作用。 server/index.js

服务器/server.js Server/server.js

文件结构 file structure

请帮助我现在被困了 2 天,不知道出了什么问题。我正在尝试在服务器端渲染我的反应应用程序,但它不想工作。

【问题讨论】:

标签: javascript node.js reactjs create-react-app server-side-rendering


【解决方案1】:

可能不相关,但我注意到 server/index.js 中有 node_module 而不是 node_modules

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2021-07-18
  • 2017-12-07
  • 2022-06-13
  • 2019-01-29
  • 1970-01-01
  • 2020-08-28
  • 1970-01-01
  • 2022-07-19
相关资源
最近更新 更多