Next.js:模块构建失败:错误:无法从“/home/ugurkaya/Desktop”中找到模块“react-hot-loader/babel”

Posted

技术标签:

【中文标题】Next.js:模块构建失败:错误:无法从“/home/ugurkaya/Desktop”中找到模块“react-hot-loader/babel”【英文标题】:Next.js: Module build failed: Error: Cannot find module 'react-hot-loader/babel' from '/home/ugurkaya/Desktop' 【发布时间】:2018-11-24 21:56:54 【问题描述】:

我正在尝试开始使用 Next.js,但收到以下错误:

Module build failed: Error: Cannot find module 'react-hot-loader/babel' from '/home/ugurkaya/Desktop'

以下是我的package.json:

  "name": "hello-next",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": 
    "dev": "next",
    "build": "next build",
    "start": "next start"
  ,
  "dependencies": 
    "next": "^6.0.4-canary.6",
    "react": "^16.4.1",
    "react-dom": "^16.4.1",
    "react-hot-loader": "next"
  

当我收到此错误时,我手动添加了 react-hot-loader 依赖项,但它没有解决。期待您的帮助!

【问题讨论】:

【参考方案1】:

这个问题是因为 react 在开发依赖中找不到 react-hot-loader 而产生的

你可以解决这个问题,你只需要安装 react-hot-loader 作为开发依赖

npm install react-hot-loader --save-dev

【讨论】:

【参考方案2】:

我只是解决了这个问题

npm install react-hot-loader --save-dev

【讨论】:

以上是关于Next.js:模块构建失败:错误:无法从“/home/ugurkaya/Desktop”中找到模块“react-hot-loader/babel”的主要内容,如果未能解决你的问题,请参考以下文章

Next.js 纱线构建因 plotly.js 失败(发生构建错误 ReferenceError: self is not defined)

Next JS 在共享主机上构建失败

找不到模块:错误:无法解析“/app/node_modules/next/dist/lib”中的“pnpapi”

尝试访问本地 API 端点时,React/Next.js docker build 失败

在 Next.js 中导入 react-hook-mousetrap 时出现“无法在模块外使用 import 语句”错误

如何忽略 Next.js 组件中导致单元测试中的解析错误的 CSS 模块导入