在运行的nextjs服务器上获取TypeError

Question

当我使用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

Answer 1

我认为这是您的react DOM版本的一个问题。试试这个：

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