Javascript npm错误！在。。。开发脚本'；网页包开发服务器'；

我必须使用node的最新稳定版本，同时尝试使用webpack2

节点

v.6.11

npm

3.10.10

网页包

2.6.1

我修复了不推荐使用的回退和加载程序->使用错误，但是现在当我运行

npm run dev

时，我得到以下错误：

我的npm脚本 My webpack.config.babel.js npm-debug.log

0信息如果它以ok结尾，它就工作了
1 verbose cli['/Users/leongaban/.nvm/versions/node/v6.11.0/bin/node'，
1 verbose cli'/Users/leongaban/.nvm/versions/node/v6.11.0/bin/npm'，
1详细cli“运行”，
1详细cli“dev']
2信息使用npm@3.10.10
3信息使用node@v6.11.0
4详细的运行脚本['predev'，'dev'，'postdev']
5信息生命周期coinhover@0.0.1~predev：coinhover@0.0.1
6愚蠢的生命周期coinhover@0.0.1~predev：没有predev的脚本，继续
7信息生命周期coinhover@0.0.1~dev:coinhover@0.0.1
8详细的生命周期coinhover@0.0.1~dev:生命周期中的不安全烫发是真的
9详细的生命周期coinhover@0.0.1~dev:PATH:/Users/leongaban/.nvm/versions/node/v6.11.0/lib/node\u modules/npm/bin/node-gyp-bin:/Users/leongaban/projects/personal/CoinHover/CoinHover.io/node\u modules/.bin:/Users/leongaban/google cloud sdk/bin:/Users/nvm/versions/node/v6.11.0/bin:/usr/local/bin:/usr/bin:/usr/sbin:/usr/sbin:/usr/leongaban/projects/GoogleSDK:/Users/leongaban/projects/go/bin:/Users/leongaban/projects/GoogleSDK/bin
10详细的生命周期coinhover@0.0.1~dev:CWD:/Users/leongaban/projects/personal/CoinHover/CoinHover.io
11愚蠢的生命周期coinhover@0.0.1~dev:Args:['-c'，'webpack dev server']
12愚蠢的生命周期coinhover@0.0.1~dev:返回：代码：1信号：null
13信息生命周期coinhover@0.0.1~dev:无法执行dev脚本
14详细堆栈错误：coinhover@0.0.1dev:`webpack dev server`
14详细堆栈退出状态1
14 EventEmitter上的详细堆栈。（/Users/leongaban/.nvm/versions/node/v6.11.0/lib/node_modules/npm/lib/utils/lifecycle.js:255:16）
14 emitTwo上的详细堆栈（events.js:106:13）
14 EventEmitter.emit上的详细堆栈（events.js:191:7）
14子进程上的详细堆栈。（/Users/leongaban/.nvm/versions/node/v6.11.0/lib/node_modules/npm/lib/utils/spawn.js:40:14）
14 emitTwo上的详细堆栈（events.js:106:13）
14 ChildProcess.emit上的详细堆栈（events.js:191:7）
14 maybeClose的详细堆栈（internal/child_process.js:891:16）
14 Process.ChildProcess.\u handle.onexit处的详细堆栈（internal/child\u Process.js:226:5）
15详细的pkgidcoinhover@0.0.1
16详细cwd/Users/leongaban/projects/personal/CoinHover/CoinHover.io
17达尔文16.6.0
18错误argv“/Users/leongaban/.nvm/versions/node/v6.11.0/bin/node”“/Users/leongaban/.nvm/versions/node/v6.11.0/bin/npm”“运行”“开发”
19错误节点v6.11.0
20错误npm v3.10.10
21错误代码ELIFECYCLE
22错误coinhover@0.0.1dev:`webpack dev server`
22错误退出状态1
23发生错误时失败coinhover@0.0.1开发脚本“Web包开发服务器”。
23错误确保已安装最新版本的node.js和npm。
23错误如果您这样做，这很可能是coinhover软件包的问题，
23与npm本身无关的错误。
23错误告诉作者此操作在您的系统上失败：
23错误网页包开发服务器
23错误您可以通过以下方式获取有关如何打开此项目问题的信息：
23错误npm bugs coinhover
23错误或如果不可用，您可以通过以下方式获取他们的信息：
23错误npm所有者ls coinhover
23错误上面可能有额外的日志输出。
24详细退出[1，true]

看来您的问题出在插件上

ExtractTextPlugin

需要初始化，并采用以下两种方法之一。在第65行和第70行，您应该有类似于

newextractTextPlugin（'style.css'）

的内容

---

作为将来的参考，我意识到通过在webpack dev server抛出错误的那一行上添加一个

控制台.trace

。

就是这样！谢谢：）

"scripts": {
  "dev": "webpack-dev-server",
  "production": "webpack -p",
  "test": "jest"
}

import fs from 'fs'
import webpack from 'webpack'
import HtmlWebpackPlugin from 'html-webpack-plugin'
import ExtractTextPlugin from 'extract-text-webpack-plugin'
import CopyWebpackPlugin from 'copy-webpack-plugin'
import path from 'path'

const coinhover = path.resolve(__dirname, "coinhover")
const src = path.resolve(__dirname, "public/src")

const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
  template: __dirname + '/public/src/index.html',
  filename: 'index.html',
  inject: 'body'
})

const PATHS = {
  app: src,
  build: coinhover,
}

const LAUNCH_COMMAND = process.env.npm_lifecycle_event

const isProduction = LAUNCH_COMMAND === 'production'

const productionPlugin = new webpack.DefinePlugin({
  'process.env': {
    NODE_ENV: JSON.stringify('production')
  }
})

const base = {
  entry: [
    PATHS.app
  ],
  output: {
    path: PATHS.build,
    filename: 'index_bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: ["babel-loader"]
      },
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: ["css-loader", "sass-loader"],
          publicPath: coinhover
        })
      }
    ],
    loaders: [
      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
      { test: /\.css$/, loader: 'style-loader!css-loader' }
    ]
  }
}

const developmentConfig = {
  devtool: 'cheap-module-inline-source-map',
  plugins: [ExtractTextPlugin, HtmlWebpackPluginConfig]
}

const productionConfig = {
  devtool: 'cheap-module-source-map',
  plugins: [ExtractTextPlugin, HtmlWebpackPluginConfig, productionPlugin]
}

console.log('LAUNCH_COMMAND npm run', LAUNCH_COMMAND)

export default Object.assign({}, base,
  isProduction === true ? productionConfig : developmentConfig
)

0 info it worked if it ends with ok
1 verbose cli [ '/Users/leongaban/.nvm/versions/node/v6.11.0/bin/node',
1 verbose cli   '/Users/leongaban/.nvm/versions/node/v6.11.0/bin/npm',
1 verbose cli   'run',
1 verbose cli   'dev' ]
2 info using npm@3.10.10
3 info using node@v6.11.0
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle coinhover@0.0.1~predev: coinhover@0.0.1
6 silly lifecycle coinhover@0.0.1~predev: no script for predev, continuing
7 info lifecycle coinhover@0.0.1~dev: coinhover@0.0.1
8 verbose lifecycle coinhover@0.0.1~dev: unsafe-perm in lifecycle true
9 verbose lifecycle coinhover@0.0.1~dev: PATH: /Users/leongaban/.nvm/versions/node/v6.11.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/leongaban/projects/personal/CoinHover/coinhover.io/node_modules/.bin:/Users/leongaban/google-cloud-sdk/bin:/Users/leongaban/.nvm/versions/node/v6.11.0/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/leongaban/projects/GoogleSDK:/Users/leongaban/projects/go/bin:/Users/leongaban/projects/GoogleSDK/bin
10 verbose lifecycle coinhover@0.0.1~dev: CWD: /Users/leongaban/projects/personal/CoinHover/coinhover.io
11 silly lifecycle coinhover@0.0.1~dev: Args: [ '-c', 'webpack-dev-server' ]
12 silly lifecycle coinhover@0.0.1~dev: Returned: code: 1  signal: null
13 info lifecycle coinhover@0.0.1~dev: Failed to exec dev script
14 verbose stack Error: coinhover@0.0.1 dev: `webpack-dev-server`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/Users/leongaban/.nvm/versions/node/v6.11.0/lib/node_modules/npm/lib/utils/lifecycle.js:255:16)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at EventEmitter.emit (events.js:191:7)
14 verbose stack     at ChildProcess.<anonymous> (/Users/leongaban/.nvm/versions/node/v6.11.0/lib/node_modules/npm/lib/utils/spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at ChildProcess.emit (events.js:191:7)
14 verbose stack     at maybeClose (internal/child_process.js:891:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid coinhover@0.0.1
16 verbose cwd /Users/leongaban/projects/personal/CoinHover/coinhover.io
17 error Darwin 16.6.0
18 error argv "/Users/leongaban/.nvm/versions/node/v6.11.0/bin/node" "/Users/leongaban/.nvm/versions/node/v6.11.0/bin/npm" "run" "dev"
19 error node v6.11.0
20 error npm  v3.10.10
21 error code ELIFECYCLE
22 error coinhover@0.0.1 dev: `webpack-dev-server`
22 error Exit status 1
23 error Failed at the coinhover@0.0.1 dev script 'webpack-dev-server'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the coinhover package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     webpack-dev-server
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs coinhover
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls coinhover
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]