要解决Babel加载器无法识别React应用中的ES6代码的问题,可以按照以下步骤进行操作。
确保已经安装了必要的依赖项,包括Babel、Babel加载器和React相关的包。
在项目的根目录下创建一个名为.babelrc的文件,并在其中添加以下内容:
{
"presets": [
"@babel/preset-env",
"@babel/preset-react"
]
}
这将告诉Babel使用@babel/preset-env和@babel/preset-react来编译代码。
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
]
}
这将告诉webpack使用Babel加载器来处理.js和.jsx文件,并排除node_modules目录。
npm install --save-dev @babel/core @babel/preset-env @babel/preset-react babel-loader
通过以上步骤,Babel加载器应该能够正确识别React应用中的ES6代码,并将其转换为兼容的代码。