npm err缺少腳本webpack-dev-server

Question

我正在用wepback開發一個Reactjs應用程序，我不知道為什么npm運行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

有什么想法嗎？

Answer 1

使用package.json中的腳本標簽替換此腳本標簽，並使用npm start運行它

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

使用npm安裝依賴項install 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時，webpack-dev-server將通過webpack運行。 您無需專門啟動開發服務器。

當您鍵入npm run whatever npm進入package.json文件並查找scripts部分。 在那里它將查找whatever並運行該命令。 您的scripts沒有任何webpack-dev-server ，這就是為什么它找不到它的原因。

如果要輸入npm run webpack-dev-server ，必須將webpack-dev-server放入package.json的scripts中。 我認為，如果像這樣npm install webpack-dev-server -g全局安裝，也可以簡單地運行webpack-dev-server