Rails 5.2和webpacker 3.4.3:部署到Heroku时未编译的资产

时间:2018-04-24 11:06:48

标签: ruby-on-rails heroku webpack webpacker

我刚刚将我的Rails应用程序从5.1.6升级到5.2,并抓住机会将Webpacker从2.0升级到3.4.3。

现在,当我将应用程序推送到Heroku时,我收到以下错误(vendor.js是/app/javascript/packs中的文件和我在application.html.erb模板中由javascript_pack_tag 'vendor'调用的文件中的一个:

ActionView::Template::Error (Webpacker can't find vendor.js in /app/public/packs/manifest.json. Possible causes: 
1. You want to set webpacker.yml value of compile to true for your environment 
   unless you are using the `webpack -w` or the webpack-dev-server. 
2. webpack has not yet re-run to reflect updates. 
3. You have misconfigured Webpacker's config/webpacker.yml file. 
4. Your webpack configuration is not creating a manifest. 
Your manifest contains: 
{ 
} 
):

事实上,当我检查/public的内容时,我可以看到/packs目录中应该包含我的资产。

我可以看到,在Heroku的构建阶段,资产是预编译的:

Running: rake assets:precompile
       yarn install v1.5.1
       [1/4] Resolving packages...
       [2/4] Fetching packages...
       info fsevents@1.1.2: The platform "linux" is incompatible with this module.
       info "fsevents@1.1.2" is an optional dependency and failed compatibility check. Excluding it from installation.
       info fsevents@1.1.3: The platform "linux" is incompatible with this module.
       info "fsevents@1.1.3" is an optional dependency and failed compatibility check. Excluding it from installation.
       [3/4] Linking dependencies...
       warning "@rails/webpacker > postcss-cssnext@3.1.0" has unmet peer dependency "caniuse-lite@^1.0.30000697".
       warning " > coffee-loader@0.8.0" has unmet peer dependency "coffeescript@>= 1.8.x".
       [4/4] Building fresh packages...
       Done in 36.65s.
       Webpacker is installed  
       Using /tmp/build_d6c1dd8314f746d28a2469f2a01ec4ed/config/webpacker.yml file for setting up webpack paths
       Compiling…
       Compiled all packs in /tmp/build_d6c1dd8314f746d28a2469f2a01ec4ed/public/packs
       Asset precompilation completed (119.53s)
       Cleaning assets
       Running: rake assets:clean

我的/config/webpacker.yml文件如下

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:
    - .jsx
    - .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: localhost
    port: 3035
    public: localhost: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

如果我在compile: false中将compile: true更改为production:,则编译有效,但不会缩小和压缩。

我的/webpack/production.js是:

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

module.exports = environment

对此的任何帮助将不胜感激!

更新

我应该补充一点,用

在本地编译我的资产

NODE_ENV=production ./bin/webpack

完美无缺。

1 个答案:

答案 0 :(得分:0)

请参见this答案

# config/environments/production.rb
config.public_file_server.enabled=true` # ENV['RAILS_SERVE_STATIC_FILES'].present?