从 rails 5.1.7 中的资产管道迁移后，无法使用 webpacker 使 javascript 正常工作

Question

尝试编译时，所有图像都出现以下错误：

rails assets:precompile

ModuleNotFoundError: Module not found: Error: Can't resolve 'core-js/modules/es.symbol' in '/***/app/javascript/packs'




            Field 'browser' doesn't contain a valid alias configuration
              /*/app/javascript/core-js/modules/es.symbol.scss doesn't exist
            .css
              Field 'browser' doesn't contain a valid alias configuration
              /*/app/javascript/core-js/modules/es.symbol.css doesn't exist
            .module.sass
              Field 'browser' doesn't contain a valid alias configuration
              /*/app/javascript/core-js/modules/es.symbol.module.sass doesn't exist
            .module.scss
              Field 'browser' doesn't contain a valid alias configuration
              /*/app/javascript/core-js/modules/es.symbol.module.scss doesn't exist
            .module.css
              Field 'browser' doesn't contain a valid alias configuration
              /*/app/javascript/core-js/modules/es.symbol.module.css doesn't exist
            .png
              Field 'browser' doesn't contain a valid alias configuration
              /*/app/javascript/core-js/modules/es.symbol.png doesn't exist
            .svg

所以我得到

Webpacker::Manifest::MissingEntryError in Pages#home

---

我已经通过添加我的 gemfile 安装了 webpacker

gem 'webpacker'

和

bundle
bundle exec rails webpacker:install
yarn upgrade
yarn install

app/javascript 中的文件夹包没有创建，所以我自己创建了它并将我当前在 app/assets 中的 application.js 添加到 app/javascript/packs/

我将此添加到文件的顶部：

import 'core-js/stable'
import 'regenerator-runtime/runtime'
const images = require.context('../images', true)
const imagePath = (name) => images(name, true)

我确实用

javascript_pack_tag 

或者

asset_pack_path

但我的清单文件看起来像：

{
  "application.js": "/packs/js/application-e4e1539847422.js",
  "application.js.map": "/packs/js/application-e4e15391747422.js.map",
  "entrypoints": {
    "application": {
      "js": [
        "/packs/js/application-e4e15391a97422.js"
      ],
      "js.map": [
        "/packs/js/application-e4391598747422.js.map"
      ]
    }
  }
}

没有改变任何明显的图像被正确编译，当我可以访问我的应用程序时，javascript 不起作用。

Answer 1

删除此文件和文件夹：

/node_modules
/tmp/cache
yarn.lock
Gemfile.lock

然后运行：

bundle install
rails webpacker:install
rails assets:precompile
rails webpacker:compile