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

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

原因:react-dnd,dnd-core 等node包的相关依赖有过更新,使得在低版本火狐浏览器中不支持 class

解决方法:在使用webpack打包构建时,编译排除node_modules但是不排除node_modules里面的这几个会报错的包

代码如下:

javascript 复制代码
{	
	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'],
    		},
   		},
}
相关推荐
hepingfly21 小时前
SEO 如何寻找关键词?
前端
IT_陈寒21 小时前
SpringBoot 3.2实战:5个性能优化技巧让你的应用提速50%
前端·人工智能·后端
扶苏100221 小时前
前端js高频面试点汇总
开发语言·前端·javascript
firstacui21 小时前
Keepalived 双主热备和三主热备
前端·chrome
小二·21 小时前
Python Web 开发进阶实战:微前端架构初探 —— 基于 Webpack Module Federation 的 Vue 微应用体系
前端·python·架构
阿呆59121 小时前
html前端开发注释的写法
前端·html
pusheng202521 小时前
守护能源与数据的安全防线:从UL 2075标准解析储能及数据中心氢探技术的演进
前端·安全
.又是新的一天.21 小时前
【前端Web开发HTML5+CSS3+移动web视频教程】02 html - 列表、表格、表单
前端·html·html5
程序员鱼皮21 小时前
你的 IP 归属地,是咋被挖出来的?
前端·后端·计算机·程序员·互联网·编程经验
小酒星小杜21 小时前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统 - 总结篇
前端·vue.js·人工智能