Reactjs npm错误缺少脚本网页包开发服务器

我正在用wepback制作一个Reactjs应用程序，我不明白为什么npm运行的webpack开发服务器不工作

我安装了这个软件包，甚至在全球范围内安装了它。每次我都会遇到和前面提到的一样的错误

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;

和my 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

npm错误！Windows NT 10.0.14393
npm错误！argv“C:\\Program Files\\nodejs\\node.exe”“C:\\Program Files\\nodejs\\node\u modules\\npm\\bin\\npm cli.js”“run”“webpack dev server”
npm错误！节点v6.10.2
npm错误！npm v3.10.10
npm错误！缺少脚本：Web包开发服务器
npm错误！
npm错误！如果需要帮助，您可以在以下位置报告此错误：
npm错误！
npm错误！请在任何支持请求中包括以下文件：
npm错误！C:\redditGallery\npm-debug.log

---

有什么想法吗？

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

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

---

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

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

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

---

使用npm安装webpack dev server安装依赖项—保存您可能需要的，因此安装webpack和webpack dev server以使脚本正常工作。因此：

npm安装网页包网页包开发服务器--保存开发

然后，当运行任何npm脚本时，都可以使用本地和全局安装的所有内容，因为

.bin/

文件夹将在该过程中装入

您必须记住的另一件事是，如果webpack config位于另一个文件夹中，则需要传递

--config path/to/config

参数

npm运行服务器

---

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

您可能需要安装webpack和webpack dev server才能让脚本工作。因此：

npm安装网页包网页包开发服务器--保存开发

然后，当运行任何npm脚本时，都可以使用本地和全局安装的所有内容，因为

.bin/

文件夹将在该过程中装入

您必须记住的另一件事是，如果webpack config位于另一个文件夹中，则需要传递

--config path/to/config

参数

npm运行服务器

---

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

启动webpack时，webpack dev服务器将通过webpack运行。您不需要专门启动dev服务器

当您键入

npm时，运行任何
npm进入
package.json
文件并查找
scripts
部分的内容。在那里，它将查找
任何内容
，并运行该命令。您的
脚本中没有任何
网页开发服务器
，这就是为什么它说找不到它的原因

如果您希望能够键入
npm运行webpack dev server
，则必须将
webpack dev server
放在
脚本中
的
package.json
中。我认为，如果像这样全局安装，您也可以简单地运行
webpack dev server
，npm install webpack dev server-g
启动webpack时，webpack dev服务器将通过webpack运行。您不需要专门启动dev服务器

当您键入
npm时，运行任何
npm进入
package.json
文件并查找
scripts
部分的内容。在那里，它将查找
任何内容
，并运行该命令。您的
脚本中没有任何
网页开发服务器
，这就是为什么它说找不到它的原因

如果您希望能够键入
npm运行webpack dev server
，则必须将
webpack dev server
放在
脚本中
的
package.json
中。我想你也可以简单地运行
webpack dev server
如果你像这样全局安装
npm install webpack dev server-g
你有
“ser”：“wepback dev server-d”
和没有
webpack dev server
在devdependences中…我有同样的问题，我使用了这个：devServer:{contentBase:path.join（uu dirname，“dist”），compress:true，port:9000}在我的webpack.config文件中，它可以工作。您有
“ser”：“wepback dev server-d”
和devdependences中没有
webpack dev server
。我遇到了同样的问题，我使用了这个：devServer:{contentBase:path.join（u dirname，“dist”），compress:true，port:9000}在我的webpack.config文件中，它可以工作。