未找到 webpack-dev-server 命令

Posted 2023-03-07

【中文标题】未找到 webpack-dev-server 命令

【英文标题】：webpack-dev-server command not found

【发布时间】：2017-05-26 04:10:17

【问题描述】：

我在我的项目文件夹中运行这个命令

    npm install --global webpack webpack-dev-server

返回：

   /usr/lib

     ├── webpack@1.14.0
     └── webpack-dev-server@1.16.2

webpack 和 webpack-dev-server 文件夹在 /usr/lib/node_modules 下，webpack 命令有效，webpack-dev-server 命令返回：

 webpack-dev-server: command not found

配置json：

  "webpack": "^1.14.0",
  "webpack-dev-server": "^1.9.0" 

我也试过在没有-g的情况下安装，项目文件夹下有node_modules，node_modules下有.bin文件夹。但是 webpack-dev-server 不在 node_modules 文件夹中。我尝试将 webpack-dev-server 移动到 .bin 中。它也不起作用。

【问题讨论】：

我找到了另一种让它工作的方法：从主机运行 npm 和 webpack。

【参考方案1】：

试试这个：

npm install webpack-dev-server -g

从这个答案： https://***.com/a/31627310

【参考方案2】：

全局安装软件包并不好。 Package.json 没有定义全局安装的模块。当您运行 npm install 命令来设置项目时，您的项目将不知道全局模块。

你应该安装

npm i webpack-dev-server --save

那么你需要将配置添加到 webpack.config.js 文件中。这是文件中 webpack-dev-server 的相关行

 const path=require ("path")


    devServer:  contentBase: path.join(__dirname, "public") 

现在您需要将此脚本写入 package.json

"scripts":    "dev-server": "webpack-dev-server",

此命令将运行您的应用程序

npm run dev-server