由于"找不到模块"@babel/插件转换运行时",无法推送到 Heroku



我已经尝试了几乎所有的方法来尝试将我的应用程序推向heroku。这是最新的错误。

remote:        Compiling...
remote:        Compilation failed:
remote:        Hash: f8c9f7bfa5b264fe0b58
remote:        Version: webpack 4.46.0
remote:        Time: 727ms
remote:        Built at: 07/07/2022 3:14:08 AM
remote:         2 assets
remote:        Entrypoint application = js/application-322f69d6aee6dcb0030d.js js/application-322f69d6aee6dcb0030d.js.map
remote:        [0] ./app/javascript/packs/application.js 4.08 KiB {0} [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: Cannot find module '@babel/plugin-transform-runtime'
remote:        Require stack:
remote:        - /tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/files/plugins.js
remote:        - /tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/files/index.js
remote:        - /tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/index.js
remote:        - /tmp/build_55951252/node_modules/babel-loader/lib/index.js
remote:        - /tmp/build_55951252/node_modules/loader-runner/lib/loadLoader.js
remote:        - /tmp/build_55951252/node_modules/loader-runner/lib/LoaderRunner.js
remote:        - /tmp/build_55951252/node_modules/webpack/lib/NormalModule.js
remote:        - /tmp/build_55951252/node_modules/webpack/lib/NormalModuleFactory.js
remote:        - /tmp/build_55951252/node_modules/webpack/lib/Compiler.js
remote:        - /tmp/build_55951252/node_modules/webpack/lib/webpack.js
remote:        - /tmp/build_55951252/node_modules/webpack-cli/bin/utils/validate-options.js
remote:        - /tmp/build_55951252/node_modules/webpack-cli/bin/utils/convert-argv.js
remote:        - /tmp/build_55951252/node_modules/webpack-cli/bin/cli.js
remote:        - /tmp/build_55951252/node_modules/webpack/bin/webpack.js
remote:            at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
remote:            at resolve (/tmp/build_55951252/node_modules/v8-compile-cache/v8-compile-cache.js:164:23)
remote:            at resolveStandardizedName (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/files/plugins.js:111:7)
remote:            at resolvePlugin (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/files/plugins.js:55:10)
remote:            at loadPlugin (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/files/plugins.js:63:20)
remote:            at loadPlugin.next (<anonymous>)
remote:            at createDescriptor (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-descriptors.js:187:16)
remote:            at createDescriptor.next (<anonymous>)
remote:            at step (/tmp/build_55951252/node_modules/gensync/index.js:261:32)
remote:            at evaluateAsync (/tmp/build_55951252/node_modules/gensync/index.js:291:5)
remote:            at /tmp/build_55951252/node_modules/gensync/index.js:44:11
remote:            at Array.forEach (<anonymous>)
remote:            at Function.async (/tmp/build_55951252/node_modules/gensync/index.js:43:15)
remote:            at Function.all (/tmp/build_55951252/node_modules/gensync/index.js:216:13)
remote:            at Generator.next (<anonymous>)
remote:            at createDescriptors (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-descriptors.js:142:41)
remote:            at createDescriptors.next (<anonymous>)
remote:            at createPluginDescriptors (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-descriptors.js:138:17)
remote:            at createPluginDescriptors.next (<anonymous>)
remote:            at plugins (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-descriptors.js:65:26)
remote:            at plugins.next (<anonymous>)
remote:            at mergeChainOpts (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-chain.js:419:34)
remote:            at mergeChainOpts.next (<anonymous>)
remote:            at /tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-chain.js:378:14
remote:            at Generator.next (<anonymous>)
remote:            at loadFileChain (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-chain.js:232:24)
remote:            at loadFileChain.next (<anonymous>)
remote:            at buildRootChain (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/config-chain.js:95:27)
remote:            at buildRootChain.next (<anonymous>)
remote:            at loadPrivatePartialConfig (/tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/partial.js:103:62)
remote:            at loadPrivatePartialConfig.next (<anonymous>)
remote:            at /tmp/build_55951252/node_modules/babel-loader/node_modules/@babel/core/lib/config/partial.js:149:25
remote:            at Generator.next (<anonymous>)
remote:            at step (/tmp/build_55951252/node_modules/gensync/index.js:269:25)
remote:            at evaluateAsync (/tmp/build_55951252/node_modules/gensync/index.js:291:5)
remote:            at /tmp/build_55951252/node_modules/gensync/index.js:93:9
remote:        
remote: 
remote:  !
remote:  !     Precompiling assets failed.
remote:  !
remote:  !     Push rejected, failed to compile Ruby app.
remote: 
remote:  !     Push failed
remote: Verifying deploy...

my/javascript/packs/application.js中没有任何内容。我没有发现任何引用此文件作为构建错误中引用的模块的必要步骤的内容。

这是我的package.json

{
"name": "example-app",
"private": true,
"dependencies": {
"@babel/plugin-proposal-decorators": "^7.18.6",
"@babel/plugin-proposal-object-rest-spread": "^7.18.6",
"@babel/plugin-proposal-private-methods": "^7.18.6",
"@popperjs/core": "^2.0.0-alpha.1",
"@rails/actioncable": "^6.0.0",
"@rails/activestorage": "^6.0.0",
"@rails/ujs": "^6.0.0",
"@rails/webpacker": "5.4.3",
"babel-plugin-macros": "^3.1.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-runtime": "^6.26.0",
"bootstrap": "5.0.0-beta2",
"node": "^18.4.0",
"turbolinks": "^5.2.0",
"webpack": "^4.46.0"
},
"devDependencies": {
"@babel/core": "^7.18.6",
"@babel/plugin-proposal-class-properties": "^7.18.6",
"@babel/plugin-proposal-private-property-in-object": "^7.18.6",
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-transform-destructuring": "^7.18.6",
"@babel/preset-env": "^7.18.6",
"babel-loader": "^8.2.5",
"webpack-config": "^7.5.0",
"webpack-dev-server": "^4.9.3"
},
"resolutions": {
"@babel/core": "7.15.0",
"@babel/preset-env": "7.15.0"
},
"postinstall": "npm rebuild node-sass"
}

任何帮助都将是非常感激的。

这个错误意味着你需要安装这个包:@babel/plugin-transform-runtime.

它要么是另一个Babel插件的对等依赖,要么是你的构建直接使用它(命名可以在Babel配置中不同)