npm err missing script webpack-dev-server

Question

我正在用wepback制作一个Reactjs应用程序，但我无法弄清楚为什么npm run webpack-dev-server不起作用。

我安装了该软件包，甚至在全球范围内安装了它。 每次我都遇到与提到的相同的错误。

My 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;

和我的包.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:redditGallerynpm-debug.log

有什么想法吗？

Answer 1

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

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

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

Answer 2

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

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

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

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

npm run ser

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

Answer 3

webpack-dev-server 在你启动 webpack 时通过 webpack 运行。无需专门启动开发服务器。

当您键入npm run whatevernpm 进入您的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