Push to heroku staging master：有效值为“development”、“test”和“production”。相反，收到：“staging”答案

【问题标题】：Push to heroku staging master: Valid values are "development", "test", and "production". Instead, received: "staging"Push to heroku staging master：有效值为“development”、“test”和“production”。相反，收到：“staging”
【发布时间】：2020-11-03 20:03:42
【问题描述】：

我有一个 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

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

【问题讨论】：

标签： ruby-on-rails heroku webpacker

【解决方案1】：

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

您的登台和生产服务器应该在这些变量设置为production的情况下运行。

如果您需要将这些生产服务器指向不同的服务，或者对它们进行不同的配置，请使用更多的环境变量来配置它们（例如 - DATABASE_URL 在您的暂存服务器上与在生产服务器上的不同）。

这个想法是，staging 是一个类似于生产的环境。这是您在将新功能部署到生产服务器之前的试验场。

【讨论】：

那么这对 webpacker.yml 和 staging.js 文件意味着什么？ staging.js 文件设置为“production”，在 webpacker.yml 中，staging 设置为与 production 相同。
好的，我知道了，我需要在 Heroku 上更改我的环境变量。我将 NODE_ENV 设置为暂存，这导致了麻烦。我已将其改回生产。谢谢，这个问题已经解决了。
太棒了！很高兴你解决了这个问题！