找不到webpack-dev-server命令

Question

我在项目文件夹

中运行此命令

    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

configure 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中。它也不起作用。

Answer 1

试试这个：

npm install webpack-dev-server -g

从这个回答： https://stackoverflow.com/a/31627310

Answer 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