Babel 7-ReferenceError:未定义regeneratorRuntime [英] Babel 7 - ReferenceError: regeneratorRuntime is not defined
问题描述
我有一个应用程序,它是节点后端和React前端.
I have an application that is a node backend and a react frontend.
尝试构建/运行节点应用程序时出现以下错误.
I get the following error when i try to build/run my node application.
节点:v10.13.0
错误:
dist/index.js:314 regeneratorRuntime.mark(function _callee(productId){ ^
dist/index.js:314 regeneratorRuntime.mark(function _callee(productId) { ^
ReferenceError:未定义regeneratorRuntime
ReferenceError: regeneratorRuntime is not defined
.babelrc
{
"presets": [ [
"@babel/preset-env", {
"targets": {
"node": "current"
},
}
], "@babel/preset-react"],
"plugins": [
"@babel/plugin-proposal-class-properties"
]
}
webpack.config.js
{
mode: "development",
entry: "./src/index.js",
target: "node",
externals: [nodeExternals()], // in order to ignore all modules in node_modules folder
stats: {
colors: true
},
devtool: "source-map",
output: {
path: path.resolve(__dirname, "dist"),
filename: "index.js",
sourceMapFilename: "index.js.map"
},
module: {
rules: [
{
enforce: "pre",
test: /\.js$/,
exclude: /node_modules/,
loader: "eslint-loader",
},
{
test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: "babel-loader",
options: {
presets: ["@babel/preset-env"]
}
}
}
],
},
node: {
__dirname: false,
__filename: false,
},
"plugins": [
new CleanWebpackPlugin(),
new WebpackShellPlugin({
onBuildStart: [],
onBuildEnd: ["nodemon dist/index.js"]
}),
]
},
package.json
"dependencies": {
"connect": "^3.6.6",
"cors": "^2.8.5",
"dotenv": "^6.1.0",
"express": "^4.16.4",
"hellojs": "^1.17.1",
"i18n-iso-countries": "^3.7.8",
"morgan": "^1.9.1",
"react": "^16.6.3",
"react-dom": "^16.6.3",
"request": "^2.88.0",
"request-promise-native": "^1.0.5",
"serve-static": "^1.13.2",
"vhost": "^3.0.2"
},
"devDependencies": {
"@babel/cli": "^7.1.5",
"@babel/core": "^7.1.6",
"@babel/plugin-proposal-class-properties": "^7.1.0",
"@babel/preset-env": "^7.1.6",
"@babel/preset-react": "^7.0.0",
"babel-eslint": "^10.0.1",
"babel-loader": "^8.0.4",
"clean-webpack-plugin": "^1.0.0",
"copy-webpack-plugin": "^4.6.0",
"css-loader": "^1.0.1",
"eslint": "^5.9.0",
"eslint-config-google": "^0.10.0",
"eslint-loader": "^2.1.1",
"eslint-plugin-react": "^7.11.1",
"extract-loader": "^3.0.0",
"file-loader": "^2.0.0",
"node-sass": "^4.10.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"webpack": "^4.26.0",
"webpack-cli": "^3.1.2",
"webpack-node-externals": "^1.7.2",
"webpack-shell-plugin": "^0.5.0"
}
推荐答案
更新答案:
如果您使用的是Babel 7.4.0或更高版本,则@babel/polyfill
已被不推荐使用一个>.相反,您将要在主js文件(可能是index.js或类似文件)中使用以下内容:
If you are using Babel 7.4.0 or newer, then @babel/polyfill
has been deprecated. Instead, you will want to use the following in your main js file (likely index.js or similar):
import "core-js/stable";
import "regenerator-runtime/runtime";
使用yarn添加它们:
Add these using yarn:
yarn add core-js
yarn add regenerator-runtime
原始答案:
我刚遇到此问题,并遇到了以下解决方案:
I just encountered this problem and came across the following solution:
在package.json中,我有@babel/polyfill
作为依赖项.但是,在我的index.js(我的主要js文件)中,我忽略了将以下行放在顶部:
In package.json I had @babel/polyfill
as a dependency. However, in my index.js (My main js file) I had neglected to place the following line at the the top:
import '@babel/polyfill'
一旦我导入了它,一切都会很好.
Once I imported it, everything worked fine.
其他答案表明我不需要安装babel-runtime.
I did not need to install babel-runtime as other answers are suggesting.
这篇关于Babel 7-ReferenceError:未定义regeneratorRuntime的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!