Webpack-Webpack-dev-server：找不到命令

node.js Webpack

阿飞

2020-03-23

我正在使用webpack在React Webapp上工作，与本教程一起宽松地工作。

偶然地，我将node_modules文件夹添加到了我的git中。然后，我再次使用将其删除git rm -f node_modules/*。

现在，当我尝试启动webpack服务器时，出现以下错误：

> webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors

sh: webpack-dev-server: command not found

npm ERR! Darwin 14.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "run" "devserve"
npm ERR! node v0.12.4
npm ERR! npm  v2.10.1
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! Blabber@0.0.1 devserve: `webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors`
npm ERR! spawn ENOENT

起初我以为这只是我的项目，但是后来我签出了该教程的代码检查点：同样的错误！因此，全球似乎有些混乱。

这是我到目前为止尝试过的：

  • rm node_modules 并重新安装 npm install
  • npm cache clean正如有人在github上提到这个问题
  • 使用以下命令全局安装webpack npm install -g webpack
  • 从本系统中完全删除node和npm（使用本指南），然后使用brew重新安装

错误消息仍然存在。我还能尝试什么？

PS：的内容webpack.dev.config.js是：

var config = require('./webpack.config.js');
var webpack = require('webpack');

config.plugins.push(
  new webpack.DefinePlugin({
    "process.env": {
      "NODE_ENV": JSON.stringify("development")
    }
  })
);

module.exports = config;

第2764篇《Webpack-Webpack-dev-server：找不到命令》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共9个回答
Stafan村村达蒙 2020.03.23

npm install webpack-dev-server -g-Windows操作系统

最好在Linux中使用sudo以避免权限错误

sudo npm安装webpack-dev-server -g

您可以使用sudo npm install webpack-dev-server --save将其添加到package.json。

有时您可能需要运行以下命令。

npm install webpack-cli --save或npm install webpack-cli -g

西里Near 2020.03.23

对于全局安装： npm install webpack-dev-server -g

对于本地安装 npm install --save-dev webpack

当您在package.json文件中引用webpack时，它将尝试在位置node_modules \ .bin \中查找它

本地安装后，文件wbpack将在以下位置创建：\ node_modules \ .bin \ webpack

凯达蒙 2020.03.23

我的Yarn遇到了类似的问题，以上都不对我有用，所以我简单地删除./node_modules并运行yarn install，问题就消失了。

小小 2020.03.23

纱

运行时出现问题： yarn start

首先运行已修复： yarn install

梅西里 2020.03.23

好吧，这很简单： 

npm install webpack-dev-server -g

令我感到困惑的是，一开始我并不需要，可能是新版本改变了。

DavaidTony宝儿 2020.03.23

该脚本webpack-dev-server已安装在./node_modules目录中。您可以通过以下方式在全局范围内再次安装它

sudo npm install -g webpack-dev-server

或像这样运行

./node_modules/webpack-dev-server/bin/webpack-dev-server.js -d --config webpack.dev.config.js --content-base public/ --progress --colors

. 表示在当前目录中查找。

凯理查德番长 2020.03.23

我遇到了同样的问题，但是以下步骤帮助我摆脱了它。

  1. 在本地安装“ webpack-dev-server”（在项目目录中，因为它不是从全局安装中挑选的）

    npm install --save webpack-dev-server

可以验证node_modules内部是否存在“ webpack-dev-server”文件夹。

  1. 使用npx运行以直接运行

npx webpack-dev-server --mode development --config ./webpack.dev.js

npm run start 在package.json脚本中的输入应与上面类似（没有npx）的情况下也可以正常工作。

LGil 2020.03.23

仅供参考，要像您尝试的那样通过命令行访问任何脚本，您需要将该脚本注册为shell脚本（或任何类型的脚本，例如.js，.rb），就像dir中的这些文件一样 /usr/bin在UNIX中。并且，系统必须知道在哪里可以找到它们。即该位置必须以$PATH数组形式加载。

在您的情况下，该脚本webpack-dev-server已经安装在./node_modules目录内的某个位置，但是系统不知道如何访问它。因此，要访问命令webpack-dev-server，您还需要在全局范围内安装脚本。

$ npm install webpack-dev-server -g

在这里，-g指的是全球范围。

但是，不建议使用这种方法，因为您可能会遇到版本冲突的问题。因此，您可以在npm的package.json文件中设置命令，例如：

  "scripts": {
    "start": "webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors"
   }

通过此设置，您可以使用简单的命令访问所需的脚本 

$ npm start

太短，难以记忆和发挥。并且，npm知道模块的位置webpack-dev-server。

宝儿 2020.03.23

我发现接受的答案并非在所有情况下都适用。为了确保它100％正常工作，还必须清除npm缓存。直接进入缓存并清除锁，缓存，anonymous-cli-metrics.json; 或可以尝试一下npm cache clean。

由于作者在尝试推荐的解决方案之前已经清除了缓存，因此可能无法使其成为先决条件的一部分。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android