时间戳

首页 > 解决方案 > 在运行 nextjs 服务器时出现 TypeError

node.js - 在运行 nextjs 服务器时出现 TypeError

问题描述

使用 npm run dev 运行我的下一个服务器时，我一直收到以下错误。我几乎可以肯定这不是代码问题，因为我返回并在经过验证的完全工作的项目上运行它，结果相同。

我的想法是，这可能与我跑步有关：

npm install -g eslint babel-eslint eslint-plugin-react tern js-beautify

但我对这些软件包进行了卸载，尝试了服务器，但仍然无法正常工作。

这是我在加载 localhost:3000 时收到的错误消息

TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.DOM is not a function

App
./pages/index.js:7

   4 | import Explore from "./explore";
   5 | 
   6 | const App = (props) => {
>  7 |   return (
   8 |     <Fragment>
   9 |       <Explore />
  10 |     </Fragment>

processChild
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/react-dom/cjs/react-dom-server.node.development.js:3204:14
resolve
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/react-dom/cjs/react-dom-server.node.development.js:3124:5
ReactDOMServerRenderer.render
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/react-dom/cjs/react-dom-server.node.development.js:3598:22
ReactDOMServerRenderer.read
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/react-dom/cjs/react-dom-server.node.development.js:3536:29
renderToString
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/react-dom/cjs/react-dom-server.node.development.js:4245:27
render
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/next/dist/next-server/server/render.js:82:16
renderPage
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/next/dist/next-server/server/render.js:332:20
(anonymous function)
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/.next/server/static/development/pages/_document.js:797:21
asyncGeneratorStep
./node_modules/@babel/runtime-corejs2/helpers/asyncToGenerator.js:5
_next
./node_modules/@babel/runtime-corejs2/helpers/asyncToGenerator.js:27
(anonymous function)
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/.next/server/static/development/pages/_document.js:268:7
new F
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/node_modules/core-js/library/modules/_export.js:36:28
(anonymous function)
/Users/nolanfreeman/Documents/dev/projects/Web_Apps/streamline/.next/server/static/development/pages/_document.js:257:12
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.

编辑：也尝试过：

npm install --save react@16.12.0 react-dom@16.12.0

标签： node.jsreactjsnpmnext.js

解决方案

我认为这是您的反应 DOM 版本的问题。尝试这个：

npm install --save react@16.12.0 react-dom@16.12.0

推荐阅读