rails 5.1 Webpack-dev 服务器启动错误答案

【问题标题】：rails 5.1 Webpack-dev server starting errorrails 5.1 Webpack-dev 服务器启动错误
【发布时间】：2018-03-01 10:48:54
【问题描述】：

ruby version - 2.4.2

rails - 5.1

rails new my_app --webpack=react

当我尝试使用foreman start -f Procfile.dev 或只是./bin/webpack-dev-server 启动服务器时

我收到以下错误，但找不到原因。任何帮助表示赞赏。

    /Users/shani/Wspace/myapp/node_modules/webpack-dev-server/bin/webpack-dev-server.js:405
    throw e;
    ^

TypeError: Cannot read property 'compile' of undefined
    at addCompilerHooks (/Users/shani/Wspace/myapp/node_modules/webpack-dev-server/lib/Server.js:71:16)
    at new Server (/Users/shani/Wspace/myapp/node_modules/webpack-dev-server/lib/Server.js:81:5)
    at startDevServer (/Users/shani/Wspace/myapp/node_modules/webpack-dev-server/bin/webpack-dev-server.js:398:14)
    at processOptions (/Users/shani/Wspace/myapp/node_modules/webpack-dev-server/bin/webpack-dev-server.js:361:5)
    at Object.<anonymous> (/Users/shani/Wspace/myapp/node_modules/webpack-dev-server/bin/webpack-dev-server.js:504:1)
    at Module._compile (module.js:662:30)
    at Object.Module._extensions..js (module.js:673:10)
    at Module.load (module.js:575:32)
    at tryModuleLoad (module.js:515:12)
    at Function.Module._load (module.js:507:3)

【问题讨论】：

标签： webpack ruby-on-rails-5

【解决方案1】：

我在使用 webpack-dev-server v3.1.0 时遇到了完全相同的异常。我降级到 v2.11.1，一切都很好。

https://github.com/rails/webpacker/issues/1303#issuecomment-369090507

【讨论】：

【解决方案2】：

我在使用 webpack-dev-server v3.1.0 时遇到了同样的错误。降级到 v2.11.2 为我解决了这个问题。

【讨论】：

【解决方案3】：

转到 config/webpack/environment.js 您需要将 webpack 配置的代码更改为“.prepend”

应该是这样的：

const { environment } = require('@rails/webpacker')

// Bootstrap 3 has a dependency over jQuery:
const webpack = require('webpack')
environment.plugins.**prepend**('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
  })
)

module.exports = environment

【讨论】：

【解决方案4】：

webpack-dev-server 3.x 仅与 webpack 4.x 兼容，因为对等依赖项已经警告过您。

降级到 v2.11.2（如上所述）。

【讨论】：