低版本火狐浏览器报错：class is a reserved identifier

Krorainas

已于 2024-06-20 16:18:25 修改

阅读量265

点赞数 1

分类专栏：前端 React 文章标签：前端 webpack

于 2024-06-20 16:17:32 首次发布

本文链接：https://blog.csdn.net/qq_38799237/article/details/139835604

版权

前端同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

React

2 篇文章 0 订阅

订阅专栏

低版本火狐浏览器报错：class is a reserved identifier

在这里插入图片描述

原因：react-dnd，dnd-core 等node包的相关依赖有过更新，使得在低版本火狐浏览器中不支持 class
解决方法：在使用webpack打包构建时，编译排除node_modules但是不排除node_modules里面的这几个会报错的包
代码如下：

{	
	test: /\.(js|jsx|mjs)$/,
    exclude: /node_modules\/(?!(react-dnd|@react-dnd|dnd-core|react-dnd-html5-backend))/,
    use: {
    	loader: 'babel-loader',
    	options: {
    		presets: ['@babel/preset-env', '@babel/preset-react'],
    		},
   		},
}