React.js-5安装babel插件

最新推荐文章于 2021-08-27 23:48:54 发布

zhuhui2000

最新推荐文章于 2021-08-27 23:48:54 发布

阅读量335

点赞数

分类专栏： React.js

本文链接：https://blog.csdn.net/zhuhui2000/article/details/89435172

版权

本文档详细介绍了如何在React.js项目中安装和配置Babel插件，包括解决可能出现的报错问题，安装babel-loader和babel-preset-react，创建.babelrc配置文件，以及在webpack配置中的相应设置，确保jsx语法被正确解析。

摘要由CSDN通过智能技术生成

1运行命令：cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
2.运行命令;cnpm i babel-preset-env babel-preset-stage-0 -D
如果这里有报错，如下：

ERROR in ./src/index.js
Module build failed (from ./node_modules/_babel-loader@8.0.5@babel-loader/lib/index.js):
Error: Cannot find module '@babel/core'
 babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (D:\project\React\1react-webpack\node_modules\_babel-loader@8.0.5@babel-loader\lib\index.js:10:11)
    at Module._com