npm err 缺少脚本 webpack-dev-server答案

【问题标题】：npm err missing script webpack-dev-servernpm err 缺少脚本 webpack-dev-server
【发布时间】：2019-06-01 18:01:08
【问题描述】：

我正在使用 wepback 制作一个 Reactjs 应用程序，但我不明白为什么 npm run webpack-dev-server 不起作用。

我安装了这个包，甚至全局安装了它。每次我遇到与提到的相同的错误时。

我的 webpack.config.js：

var webpack = require('webpack');
var path = require('path');
var dev = require('webpack-dev-server');


var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.js',
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },
    devServer: {
    inline:true,
    port: 8008
  },
    module : {
        loaders : [
            {
                test : /\.jsx?/,
                include : APP_DIR,
                loader : 'babel-loader'
            },
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader'
            }
        ]
    }
};

module.exports = config;

还有我的 package.json：

{
  "name": "redditgallery",
  "version": "1.0.0",
  "description": "Wix project",
  "main": "index.js",
  "scripts": {
    "dev": "webpack -d --watch",
    "build": "webpack -p",
    "ser": "wepback-dev-server -d"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/tamirhuber/RedditGallery.git"
  },
  "author": "Tamir Huber",
  "license": "UNLICENSED",
  "bugs": {
    "url": "https://github.com/tamirhuber/RedditGallery/issues"
  },
  "homepage": "https://github.com/tamirhuber/RedditGallery#readme",
  "dependencies": {
    "babel-loader": "^7.0.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "webpack": "^2.4.1"
  },
  "devDependencies": {
    "babel-core": "^6.24.1",
    "babel-loader": "^7.0.0",
    "css-loader": "^0.28.0",
    "style-loader": "^0.16.1"
  }
}

这是错误：

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "webpack-dev-server"
npm ERR! node v6.10.2
npm ERR! npm  v3.10.10

npm ERR! missing script: webpack-dev-server
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR!     <https://github.com/npm/npm/issues>

npm ERR! Please include the following file with any support request:
npm ERR!     C:\redditGallery\npm-debug.log

有什么想法吗？

【问题讨论】：

你有 "ser": "wepback-dev-server -d" 而在 devdependencies 中没有 webpack-dev-server...
我遇到了同样的问题，我在我的 webpack.config 文件中使用了这个：devServer: { contentBase: path.join(__dirname, "dist"), compress: true, port: 9000 }它工作。

标签： reactjs npm webpack webpack-dev-server

【解决方案1】：

在 package.json 中用这个替换你的脚本标签并用 npm start 运行它

"start": "webpack-dev-server --hot"

使用 npm install webpack-dev-server --save 安装依赖项

【讨论】：

【解决方案2】：

您可能需要安装 webpack 和 webpack-dev-server 才能使您的脚本正常工作。所以：

npm install webpack webpack-dev-server --save-dev

然后，您在本地和全局安装的所有内容都可以在运行任何 npm 脚本时使用，因为.bin/ 文件夹会在此过程中挂载。

你必须记住的另一件事是，如果 webpack 配置在另一个文件夹中，你需要传递 --config path/to/config 参数。

npm run ser

运行上面的命令，它应该可以工作了。

【讨论】：

【解决方案3】：

当你启动 webpack 时，webpack-dev-server 是通过 webpack 运行的。您不需要专门启动开发服务器。

当你输入 npm run whatever 时，npm 会进入你的 package.json 文件并查找 scripts 部分。它将在那里寻找whatever 并运行该命令。您的scripts 中没有任何webpack-dev-server，这就是它说找不到它的原因。

如果您希望能够输入npm run webpack-dev-server，则必须将webpack-dev-server 放入scripts 中的package.json。我想你也可以简单地运行webpack-dev-server，如果你像这样全局安装它npm install webpack-dev-server -g

【讨论】：