在 Ubuntu 20.04 上安装 React JS 时出错（也在 Windows 10 上）

Posted 2023-02-19

【中文标题】在 Ubuntu 20.04 上安装 React JS 时出错（也在 Windows 10 上）

【英文标题】：Error Installing ReactJS on Ubuntu20.04 (on Windows10 too)

【发布时间】：2021-05-17 20:17:39

【问题描述】：

我正在学习 ReactJS，我一直在学习各种教程，但它们都让我遇到了同样的问题。每当我运行npm start 时，我都会得到

webpack-dev-server --mode development --open --hot

内部/模块/cjs/loader.js:638 抛出错误； ^

错误：找不到模块“webpack-cli/bin/config-yargs” 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)

还有更多...错误的最后一部分是：

npm 错误！代码生命周期

npm 错误！错误号 1

npm 错误！ reactApp@1.0.0 开始：webpack-dev-server --mode development --open --hot

npm 错误！退出状态 1

npm 错误！

npm 错误！ reactApp@1.0.0 启动脚本失败。

npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

Node --version: v10.19.0 npm --version: 6.14.11 webpack --version: 4.30.0 npm webpack：5.21.2

附加的屏幕截图中有更好的描述。我尝试了其他解决方案，但它们没有帮助。拜托，我真的需要一些帮助。提前谢谢你。

日志文件的内容是：

(0) 以 ok 结尾的信息 (1) 详细 cli [ '/usr/bin/node', '/usr/local/bin/npm', 'start' ] (2) 信息使用 npm@6.14.11 (3) 使用 node@v10.19.0 的信息 (4) 详细的运行脚本 ['prestart', 'start', 'poststart'] (5) info 生命周期 reactApp@1.0.0~prestart: reactApp@1.0.0 (6) info 生命周期 reactApp@1.0.0~start: reactApp@1.0.0 (7) 冗长的生命周期reactApp@1.0.0~start: unsafe-perm in lifecycle true (8) 详细生命周期reactApp@1.0.0~start: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/tdiah/Documents/NewIsh/reactApp/node_modules /.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/snap/bin (9) 详细生命周期reactApp@1.0.0~start: CWD: /home/tdiah/Documents/NewIsh/reactApp (10) 傻生命reactApp@1.0.0~start: Args: [ '-c', 'webpack-dev-server --mode development --open --hot' ] (11) 傻生命reactApp@1.0.0~start: Returned: code: 1 signal: null (12) info生命周期reactApp@1.0.0~start: 执行启动脚本失败 (13)详细堆栈错误：reactApp@1.0.0 start:webpack-dev-server --mode development --open --hot (13)详细堆栈退出状态1 (13) EventEmitter 的详细堆栈。 (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16) (13) EventEmitter.emit (events.js:198:13) 的详细堆栈 (13) ChildProcess 的详细堆栈。 （/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14） (13) ChildProcess.emit (events.js:198:13) 的详细堆栈 （13）可能关闭的详细堆栈（内部/child_process.js:982:16） (13) Process.ChildProcess._handle.onexit 的详细堆栈 (internal/child_process.js:259:5) (14) 详细的 pkgid reactApp@1.0.0 (15) 详细 cwd /home/tdiah/Documents/NewIsh/reactApp (16) 冗长的Linux 5.8.0-41-generic (17) 详细 argv "/usr/bin/node" "/usr/local/bin/npm" "start" (18) 详细节点 v10.19.0 (19) 详细 npm v6.14.11 (20) 错误代码 ELIFECYCLE (21) 错误 errno 1 (22) 错误 reactApp@1.0.0 启动：webpack-dev-server --mode development --open --hot (22)错误退出状态1 (23) error 在 reactApp@1.0.0 启动脚本失败。 (23) error 这可能不是npm的问题。上面可能有额外的日志输出。 (24) 详细退出 [1, true]

Screenshot of the issue

【参考方案1】：

我遇到了同样的问题，然后我在 package.json 中用 webpack serve --mode development --open --hot 替换了这一行 webpack-dev-server --mode development --open --hot