问题描述
Rails 初学者和第一次海报!遇到这个控制台错误,这破坏了我的 JS。非常感谢您的帮助!!:
控制台错误
未捕获的错误:模块构建失败(来自 ./node_modules/babel-loader/lib/index.js): 错误:找不到模块'/Users/cameron/Documents/Rails Projects/main/rsvp_new/node_modules/@babel/compat-data/data/corejs3-shipped-proposals.json'。
.babelrc
{
"presets": [
"airbnb"
],"plugins": [
"add-module-exports",["transform-replace-object-assign",{ "moduleSpecifier": "object.assign" }],],}
.package.json
{
"name": "rsvp_new","private": true,"dependencies": {
"@babel/polyfill": "^7.12.1","@babel/preset-react": "^7.12.10","@rails/actioncable": "^6.0.0","@rails/activestorage": "^6.0.0","@rails/ujs": "^6.0.0","@rails/webpacker": "^6.0.0-pre.1","@zxing/library": "^0.18.3","babel": "^6.23.0","babel-preset-env": "^1.7.0","bootstrap": "^4.5.3","jquery": "^3.5.1","popper.js": "^1.16.1","turbolinks": "^5.2.0"
},"version": "0.1.0","devDependencies": {
"@babel/core": "^7.12.10","@babel/preset-env": "^7.12.11","babel-loader": "^8.2.2","babel-preset-react": "^6.24.1","webpack": "^4.44.2","webpack-dev-server": "^3.11.0"
}
}
babel.config.js
module.exports = function(api) {
var validEnv = ['development','test','production']
var currentEnv = api.env()
var isDevelopmentEnv = api.env('development')
var isProductionEnv = api.env('production')
var isTestEnv = api.env('test')
if (!validEnv.includes(currentEnv)) {
throw new Error(
'Please specify a valid `NODE_ENV` or ' +
'`BABEL_ENV` environment variables. Valid values are "development",' +
'"test",and "production". Instead,received: ' +
JSON.stringify(currentEnv) +
'.'
)
}
return {
presets: [
isTestEnv && [
'@babel/preset-env',{
targets: {
node: 'current'
}
}
],(isProductionEnv || isDevelopmentEnv) && [
'@babel/preset-env',{
forceAllTransforms: true,useBuiltIns: 'entry',corejs: 3,modules: false,exclude: ['transform-typeof-symbol']
}
]
].filter(Boolean),plugins: [
'babel-plugin-macros','@babel/plugin-Syntax-dynamic-import',isTestEnv && 'babel-plugin-dynamic-import-node','@babel/plugin-transform-destructuring',[
'@babel/plugin-proposal-class-properties',{
loose: true
}
],[
'@babel/plugin-proposal-object-rest-spread',{
useBuiltIns: true
}
],[
'@babel/plugin-transform-runtime',{
helpers: false,regenerator: true,corejs: false
}
],[
'@babel/plugin-transform-regenerator',{
async: false
}
]
].filter(Boolean)
}
}
解决方法
设法解决了它,尽管如何解决它仍然是个谜。
我首先使用 git checkout
并返回到较早的提交以查看错误是否仍然存在。谢天谢地,错误消失了。然后我返回到我最近的提交,错误似乎已经解决。
很抱歉,这个答案帮不上忙。但是,如果对遇到此问题的任何人有任何建议,请重新访问您认为错误没有持续存在的早期提交,并查看错误是否仍然出现在控制台中。
如果我找到更多信息,我会发布更多相关信息。