推送到 heroku staging master：有效值为 "development"、"test" 和 "production"。相反，收到："staging"

Question

我有一个 rails 应用程序，我想发送我对 heroku 服务器上的暂存环境所做的更改 (cli: git push staging master)。但是，当我推送我的代码时，出现以下错误。

remote:        webpack config /tmp/build_73f0e68c/config/webpack/staging.js not found, please run 'bundle exec rails webpacker:install' to install Webpacker with default configs or add the missing config file for your custom environment.
remote:        
remote: 
remote:  !
remote:  !     Precompiling assets failed.
remote:  !
remote:  !     Push rejected, failed to compile Ruby app.
remote: 
remote:  !     Push failed
remote: Verifying deploy...
remote: 
remote: !   Push rejected to pacific-crag-46601.
remote: 
To https://git.heroku.com/pacific-crag-46601.git
 ! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/pacific-crag-46601.git'

之后我在 rails 项目中创建了 config/webpack/ 一个 staging.js 并添加了以下代码：

process.env.NODE_ENV = process.env.NODE_ENV || 'production'
const environment = require('./environment')
module.exports = environment.toWebpackConfig()

并在 config/webpacker.yml 中放入以下代码：

staging:
<<: *default
compile: false
cache_manifest: true

完成这两件事后，我做了 git push staging master 并收到以下错误：

remote:        Entrypoint application = js/application-701e5a6394eff986ab51.js js/application-701e5a6394eff986ab51.js.map
remote:        Entrypoint cleave = js/cleave-936d8527979140c68ffa.js js/cleave-936d8527979140c68ffa.js.map
remote:        [0] ./app/javascript/packs/application.js 2.79 KiB {0} [built] [failed] [1 error]
remote:        [1] ./app/javascript/packs/cleave.js 2.79 KiB {1} [built] [failed] [1 error]
remote:        
remote:        ERROR in ./app/javascript/packs/application.js
remote:        Module build failed (from ./node_modules/babel-loader/lib/index.js):
remote:        Error: Please specify a valid `NODE_ENV` or `BABEL_ENV` environment variables. Valid values are "development", "test", and "production". Instead, received: "staging".
remote:            at module.exports (/tmp/build_b5aefc26/babel.config.js:9:11)
remote:            at readConfigJS (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/files/configuration.js:205:15
remote:            at readConfigJS.next (<anonymous>)
remote:            at Function.<anonymous> (/tmp/build_b5aefc26/node_modules/@babel/core/lib/gensync-utils/async.js:26:3)
remote:            at Generator.next (<anonymous>)
remote:            at evaluateSync (/tmp/build_b5aefc26/node_modules/gensync/index.js:251:28)
remote:            at Function.sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:89:14)
remote:            at sync (/tmp/build_b5aefc26/node_modules/@babel/core/lib/gensync-utils/async.js:66:25)
remote:            at sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:182:19)
remote:            at onFirstPause (/tmp/build_b5aefc26/node_modules/gensync/index.js:210:24)
remote:            at Generator.next (<anonymous>)
remote:            at cachedFunction (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/caching.js:68:46)
remote:            at cachedFunction.next (<anonymous>)
remote:            at evaluateSync (/tmp/build_b5aefc26/node_modules/gensync/index.js:251:28)
remote:            at /tmp/build_b5aefc26/node_modules/gensync/index.js:31:34
remote:            at Array.map (<anonymous>)
remote:            at Function.sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:31:22)
remote:            at Function.all (/tmp/build_b5aefc26/node_modules/gensync/index.js:210:24)
remote:            at Generator.next (<anonymous>)
remote:            at loadOneConfig (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/files/configuration.js:133:45)
remote:            at loadOneConfig.next (<anonymous>)
remote:            at buildRootChain (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/config-chain.js:84:51)
remote:            at buildRootChain.next (<anonymous>)
remote:            at loadPrivatePartialConfig (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/partial.js:101:62
remote:            at loadPrivatePartialConfig.next (<anonymous>)
remote:            at Function.<anonymous> (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/partial.js:140:25)
remote:            at Generator.next (<anonymous>)
remote:            at evaluateSync (/tmp/build_b5aefc26/node_modules/gensync/index.js:251:28)
remote:            at Function.sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:89:14)
remote:            at Object.<anonymous> (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/index.js:43:61)
remote:            at Object.<anonymous> (/tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:151:26)
remote:            at Generator.next (<anonymous>)
remote:            at asyncGeneratorStep (/tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:3:103)
remote:            at _next (/tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:5:194)
remote:            at /tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:5:364
remote:            at new Promise (<anonymous>)
remote:        
remote:        ERROR in ./app/javascript/packs/cleave.js
remote:        Module build failed (from ./node_modules/babel-loader/lib/index.js):
remote:        Error: Please specify a valid `NODE_ENV` or `BABEL_ENV` environment variables. Valid values are "development", "test", and "production". Instead, received: "staging".
remote:            at module.exports (/tmp/build_b5aefc26/babel.config.js:9:11)
remote:            at readConfigJS (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/files/configuration.js:205:15
remote:            at readConfigJS.next (<anonymous>)
remote:            at Function.<anonymous> (/tmp/build_b5aefc26/node_modules/@babel/core/lib/gensync-utils/async.js:26:3)
remote:            at Generator.next (<anonymous>)
remote:            at evaluateSync (/tmp/build_b5aefc26/node_modules/gensync/index.js:251:28)
remote:            at Function.sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:89:14)
remote:            at sync (/tmp/build_b5aefc26/node_modules/@babel/core/lib/gensync-utils/async.js:66:25)
remote:            at sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:182:19)
remote:            at onFirstPause (/tmp/build_b5aefc26/node_modules/gensync/index.js:210:24)
remote:            at Generator.next (<anonymous>)
remote:            at cachedFunction (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/caching.js:68:46)
remote:            at cachedFunction.next (<anonymous>)
remote:            at evaluateSync (/tmp/build_b5aefc26/node_modules/gensync/index.js:251:28)
remote:            at /tmp/build_b5aefc26/node_modules/gensync/index.js:31:34
remote:            at Array.map (<anonymous>)
remote:            at Function.sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:31:22)
remote:            at Function.all (/tmp/build_b5aefc26/node_modules/gensync/index.js:210:24)
remote:            at Generator.next (<anonymous>)
remote:            at loadOneConfig (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/files/configuration.js:133:45)
remote:            at loadOneConfig.next (<anonymous>)
remote:            at buildRootChain (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/config-chain.js:84:51)
remote:            at buildRootChain.next (<anonymous>)
remote:            at loadPrivatePartialConfig (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/partial.js:101:62
remote:            at loadPrivatePartialConfig.next (<anonymous>)
remote:            at Function.<anonymous> (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/partial.js:140:25)
remote:            at Generator.next (<anonymous>)
remote:            at evaluateSync (/tmp/build_b5aefc26/node_modules/gensync/index.js:251:28)
remote:            at Function.sync (/tmp/build_b5aefc26/node_modules/gensync/index.js:89:14)
remote:            at Object.<anonymous> (/tmp/build_b5aefc26/node_modules/@babel/core/lib/config/index.js:43:61)
remote:            at Object.<anonymous> (/tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:151:26)
remote:            at Generator.next (<anonymous>)
remote:            at asyncGeneratorStep (/tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:3:103)
remote:            at _next (/tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:5:194)
remote:            at /tmp/build_b5aefc26/node_modules/babel-loader/lib/index.js:5:364
remote:            at new Promise (<anonymous>)
remote:        
remote: 
remote:  !
remote:  !     Precompiling assets failed.
remote:  !
remote:  !     Push rejected, failed to compile Ruby app.
remote: 
remote:  !     Push failed
remote: Verifying deploy...
remote: 
remote: !   Push rejected to pacific-crag-46601.
remote: 
To https://git.heroku.com/pacific-crag-46601.git
 ! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/pacific-crag-46601.git'

所以我不明白我现在需要做什么。我找到了有关该问题的一些信息 here。但是，它并不能帮助我理解我具体需要做什么。

这里是config/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_root_path: public
  public_output_path: packs
  cache_path: tmp/cache/webpacker
  webpack_compile_output: true

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

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

  # Extract and emit a css file
  extract_css: false

  static_assets_extensions:
    - .jpg
    - .jpeg
    - .png
    - .gif
    - .tiff
    - .ico
    - .svg
    - .eot
    - .otf
    - .ttf
    - .woff
    - .woff2

  extensions:
    - .mjs
    - .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
    pretty: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: '**/node_modules/**'

staging:
  <<: *default
  compile: false
  cache_manifest: true

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

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true

如果您对此有任何帮助，我将不胜感激。如果您需要更多信息，请告诉我。

Answer 1

NODE_ENV 和 RAILS_ENV 环境变量应设置为以下三个值之一：development、test 或 production。

您的暂存和生产 服务器 应该运行将这些变量设置为 production。

如果您需要将这些生产服务器指向不同的服务，或以不同方式配置它们，请使用更多环境变量来配置它们（例如 - DATABASE_URL 在您的暂存服务器上与在您的生产服务器上会有所不同).

想法是暂存是一个 production-like 环境。在将新功能部署到生产服务器之前，它是您测试新功能的场所。

推送到 heroku staging master：有效值为 "development"、"test" 和 "production"。相反，收到："staging"

Push to heroku staging master: Valid values are "development", "test", and "production". Instead, received: "staging"

ruby-on-rails

heroku

webpacker