在使用React JSX时,在package.json文件中声明了Babel依赖项。在第一次安装时,可能会遇到npm安装失败的问题,因为它无法自动下载并安装Babel所需的所有依赖项。为了解决这个问题,你需要手动安装这些依赖项。
首先,安装以下依赖项:
npm install --save-dev babel-core babel-loader babel-preset-react
接下来,在你的webpack配置中,添加以下规则:
module: {
// ...
rules: [
// ...
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-react']
}
}
}
]
}
然后,再次运行npm install,这次应该不会出现任何错误。
下一篇:包含任何数字的CSS类名