如何让 Next.js “看到” react-dom 包？

Question

这是我的第一个 Next.js 项目，我遇到了一个奇怪的障碍。尽管我确信至少3次，我已经做出反应，DOM和反应，并安装了最新的，期间next，next build或next run与该消息的进程中止：

The module 'react-dom' was not found. Next.js requires that you include it in 'dependencies' of your 'package.json'. To add it, run 'npm install --save react-dom',

Error: Cannot find module 'react-dom/server',

和：

Error: > Build failed because of webpack errors.

阅读类似的问题，我做了一些建议实际上适合我的问题的事情，例如删除node_modules和执行yarn，重新安装react-dom和react，但这些都没有帮助。在 Now.sh（我计划在其上部署此站点）上部署也会返回错误。

这是我的package.json：

{
  "dependencies": {
    "next": "^9.0.2",
    "react": "^16.8.6",
    "react-dom": "^16.8.6"
  },
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  }
}

我确实确定结果应该是浏览器在 localhost:3000 上打开我的项目，但是所有可能导致或导致发生这种情况的 Next.js 命令都中止了。有任何想法吗？不要犹豫要求更多代码。

Answer 1

var ReactDOM = require('react-dom'); 

然后做

console.log(ReactDOM)

具体查看控制台上会出现什么类型的错误。