Webpack 与 React 18 引入 JSX 文件/语法报错 Module parse failed: Unexpected token

yufei       1 年 前       910

这个错误通常是由于使用了 JSX 语法,而 webpac k并不支持该语法。要解决此问题,您需要安装 babel-loaderbabel-preset-react

npm install --save-dev babel-loader @babel/core @babel/preset-react

然后修改 webpack.config.js 添加下面的配置

module: {
    rules: [
        {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: {
                loader: "babel-loader",
                options: {
                    presets: ['@babel/preset-react']
                }
            }
        }
    ]
}
目前尚无回复
简单教程 = 简单教程,简单编程
简单教程 是一个关于技术和学习的地方
现在注册
已注册用户请 登入
关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.