【问题标题】:webpack-dev-server with Rails returns 400 error带有 Rails 的 webpack-dev-server 返回 400 错误
【发布时间】:2019-03-13 04:23:11
【问题描述】:

我的机器上有几个使用 Rails 和 webpacker 的项目。 一个人开始为我做以下事情: 将 webpack-dev-server 与 rails 服务器一起运行,一切都可以编译,但是当尝试访问 /packs/xxxx.js 或 .css 时,我收到 400 错误(错误请求)-> 控制台中没有显示错误。

这是我的 webpacker.yml

# Note: You must restart bin/webpack-dev-server for changes to take effect

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_output_path: packs
  cache_path: tmp/cache/webpacker

  # Additional paths webpack should lookup modules
  # ['app/assets', 'engine/foo/app/assets']
  resolved_paths: []

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  extensions:
    - .vue
    - .js
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

development:
  <<: *default
  compile: true

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: 127.0.0.1
    port: 3035
    public: 127.0.0.1:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: /node_modules/


test:
  <<: *default
  compile: true

  # Compile test packs to a separate directory
  public_output_path: packs-test

production:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Cache manifest.json for performance
  cache_manifest: true

有什么问题??? 谢谢!

【问题讨论】:

    标签: ruby-on-rails webpack


    【解决方案1】:

    嘿,我也遇到了这个错误,经过几次调查后,我发现我的 cookie 出了点问题......

    我知道这听起来很傻,但如果您仍然遇到此问题,我建议您尝试使用其他 Chrome 会话或其他浏览器。

    如果这样做可以解决问题,那么只需清除 cookie,就可以了。

    希望这对其他人有所帮助。

    注意:这个问题不仅发生在 Rails 中,我所有其他涉及 webpack-dev-server 的项目都被破坏了。

    【讨论】:

    • 确实是问题所在!
    【解决方案2】:

    我能够通过以下方式解决同样的问题:

    • 停止webpacker-dev-server
    • 停止rails server
    • 在项目根目录中运行rm -r tmp/cache/webpacker
    • 重启服务器
    • 刷新页面

    【讨论】: