npm 运行开发脚本错误答案

【问题标题】：npm run dev script errornpm 运行开发脚本错误
【发布时间】：2018-11-16 08:00:57
【问题描述】：

我正在尝试学习教程，但我继续遇到与脚本有关的错误。

我重新启动了教程以确保我没有遗漏任何内容，但我遇到了同样的问题。我在 pycharm 的 mac 上。

到目前为止，在本教程中（它来自 udemy），我们已经安装了 webpack-cli、webpack，并创建了一个 test.js 文件来查看导入和导出模块是否有效。

test.js

console.log('imported module');

export default

索引.js

// Global app controller

import num from './test';

console.log(`I imported ${num} from another module`);

package.json

{
  "name": "forkify",
  "version": "1.0.0",
  "description": "forkify project",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {
    "webpack": "^4.11.1",
    "webpack-cli": "^3.0.2"
  },
  "scripts": {
    "dev": "webpack"
  },
  "author": "Christopher Maltez",
  "license": "ISC"
}

webpack.config.js

const path = require('path');

module.exports = {
    entry: './src/js/index.js',
    output: {
      path: path.resolve(__dirname,'dist/js'),
      filename: 'bundle.js'
    },
    mode: 'development'
};

这是错误日志。

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'dev' ]
2 info using npm@6.1.0
3 info using node@v8.11.2
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle forkify@1.0.0~predev: forkify@1.0.0
6 info lifecycle forkify@1.0.0~dev: forkify@1.0.0
7 verbose lifecycle forkify@1.0.0~dev: unsafe-perm in lifecycle true
8 verbose lifecycle forkify@1.0.0~dev: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/chrismaltez/Desktop/pycharmprojects/UDEMY/JS-Udemy/Section 9: forkify/9-forkify-starter/node_modules/.bin:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Users/chrismaltez/anaconda3/bin:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Library/Frameworks/Python.framework/Versions/3.5/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Frameworks/Python.framework/Versions/3.6/bin:/Users/chrismaltez/anaconda3/bin:/Library/Frameworks/Python.framework/Versions/3.5/bin:/usr/local/mysql/bin/:/usr/local/mysql/bin/
9 verbose lifecycle forkify@1.0.0~dev: CWD: /Users/chrismaltez/Desktop/pycharmprojects/UDEMY/JS-Udemy/Section 9: forkify/9-forkify-starter
10 silly lifecycle forkify@1.0.0~dev: Args: [ '-c', 'webpack' ]
11 info lifecycle forkify@1.0.0~dev: Failed to exec dev script
12 verbose stack Error: forkify@1.0.0 dev: `webpack`
12 verbose stack spawn ENOENT
12 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:48:18)
12 verbose stack     at emitTwo (events.js:126:13)
12 verbose stack     at ChildProcess.emit (events.js:214:7)
12 verbose stack     at maybeClose (internal/child_process.js:925:16)
12 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
13 verbose pkgid forkify@1.0.0
14 verbose cwd /Users/chrismaltez/Desktop/pycharmprojects/UDEMY/JS-Udemy/Section 9: forkify/9-forkify-starter
15 verbose Darwin 17.5.0
16 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
17 verbose node v8.11.2
18 verbose npm  v6.1.0
19 error file sh
20 error code ELIFECYCLE
21 error errno ENOENT
22 error syscall spawn
23 error forkify@1.0.0 dev: `webpack`
23 error spawn ENOENT
24 error Failed at the forkify@1.0.0 dev script.
24 error This is probably not a problem with npm. There is likely additional logging output above.
25 verbose exit [ 1, true ]

这是我认为是问题所在的文件结构的 sn-p。

【问题讨论】：

是全局或本地安装的“webpack”。节点未找到“webpack”
通过他的 package.json @RobertRowntree 它在本地。他可能有全局和本地，请尝试删除您拥有的所有 webpack 实例。
我刚刚删除了本地和全局版本并尝试了 npm install webpack --save-dev 。现在，当我尝试运行 npm run dev 时，我得到 sh: webpack: command not found 和 npm ERR! Failed at the forkify@1.0.0 dev script.

标签： javascript node.js npm webpack

【解决方案1】：

我也在学习相同的教程并且遇到了同样的问题。

我尝试了上述所有解决方案，但没有任何效果。

我还尝试了 Jonas 在“注意第 133 课”中所说的使用新更新的命令行，这在他关于 webpacks 的“第 134 课”之前也不起作用：

npm install --save-dev webpack@4 webpack-cli@2 webpack-dev-server@3

所以，这就是我得到npm run devworking 的方法：

如果您仔细观看“第 134 和 135 课”，Jonas 使用的是webpack 4.2.0、webpack-cli 2.0.12，但也没有安装任何webpack-dev-server。

如果您之前安装过 webpack，请执行以下操作：

在终端上，cd 到你安装 webpack 的“9-forrkify”文件夹的目录，然后运行以下命令卸载 webpack：

npm uninstall webpack-dev-server --save

npm uninstall webpack-cli --save

npm uninstall webpack --save

要按照教程正确安装 webpack，请运行以下命令：

npm install --save-dev webpack@4.2.0 webpack-cli@2.0.12 webpack-dev-server@3.1.1

npm run dev 现在应该可以在 Chrome 浏览器的控制台上正常工作，并且没有错误。

对于任何好奇我们都在谈论什么教程的人：

“2020 年完整的 JavaScript 课程：构建真实项目！” 这是链接：https://www.udemy.com/course/the-complete-javascript-course/

【讨论】：

就我而言，这只是 webpack 配置文件中的一个错字。现在运行良好，无需降级软件包版本。

【解决方案2】：

一个朋友和我想通了。奇怪的是，我不得不使用命令：npm link webpack 从全局依赖项中链接它。一旦成功，我取消链接，然后运行npm install webpack --save-dev，然后它开始工作。我不知道为什么它没有从我最初安装它时的本地依赖项中找到它。

感谢大家的帮助。

更新

同样的事情发生在：npm install webpack-dev-server --save-dev

我认为这可能与我可能不是管理员有关。每次我必须安装时，我都必须输入sudo，我想如果我不是管理员，我只需要这样做。请随时启发我。

【讨论】：

【解决方案3】：

编辑：出于某种原因，我的回答被否决了，但它确实有效。试一试。

我认为问题在于您正在尝试使用webpack，但它并未全局安装。您应该可以通过使用npx（npm 随附的工具）执行本地安装的包来解决此问题。

在您的package.json 中，尝试更改：

"scripts": {
    "dev": "webpack"
 }

到这里：

"scripts": {
    "dev": "npx webpack"
}

如果这能解决您的问题，请告诉我！

【讨论】：

他的依赖项中有 webpack，通过运行它将调用本地 webpack。无需使用 npx 运行全局。
@MatheusSilva npx 运行本地包，而不是全局包。你误解了我的回答，它工作得很好。
好的，所以我尝试了 npx 方式，但不幸的是没有这样做。然后它要求我安装 webpack-cli 或 webpack-command，但我已经安装了 webpack-cli。不管怎样，我选择了 webpack-cli 然后我得到一个错误说{ Error: Cannot find module 'webpack-cli' at Function.Module._resolveFilename (module.js:547:15)
首先，确保已安装webpack：npm install --save-dev webpack。如果您使用的是 webpack v4 或更高版本，您还需要安装 CLI：npm install --save-dev webpack-cli 在您的 package.json 中，将您的启动脚本更改为："start": "webpack --config webpack.config.js" where webpack.config.js 是你项目的 webpack 配置文件。如果这能解决您的问题，请告诉我。