解决MUI不支持js严格模式环境下使用的问题

最新推荐文章于 2022-10-25 20:14:30 发布
最新推荐文章于 2022-10-25 20:14:30 发布
阅读量222 收藏
点赞数 1
分类专栏： vuejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q1054261752/article/details/103061171
版权

　MUI有一些组件必须要导入自带的mui.min.js文件，然后初始化后才能正常使用。

　　在使用webpack进行开发的时候，就存在一个问题，MUI本身使用了不严格的js语法，而webpack打包时，使用的babel是执行严格模式语法的，这样在编译的时候就会报错。

　　解决这个问题有多种办法，其中最简单的就是：告诉babel，在编译时不要理睬mui.min.js文件。也就是编译时忽略mui.min.js。

　　具体操作非常简单，我们只需要在 .babelrc文件中做如下配置即可。　　

"ignore": [
    "./src/lib/mui/js/mui.min.js",
]

 

 

q1054261752
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
webpack 4移除严格模式，解决引入mui.js报错
H_xiang_xiang的博客
06-26 308
想用MUI的滑动组件，引入了 mui.js 报严格模式相关的错，因为组件里面有不严格模式，用而webpack打包默认使用严格模式，所以需要取消webpack的严格模式（毕竟把第三方组件改成严格模式更麻烦） 报错信息 解决办法 下载 @babel/plugin-transform-modules-commonjs 、 @babel/plugin-transform-strict-mode npm install -D @babel/plugin-transform-modules-commonjs @b
Babel7.x完美解决严格模式报错：'caller', 'callee', and 'arguments' properties may not be accessed on strict mode
"✧treasure mountain✧"
05-01 8704
问题描述 做项目用到了MUI的scroll控件 故此我引入了mui.min.js 然而 猝不及防地报错了： 错误信息： 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them 原因...
mui解决webpack严格模式
E.N.Edward
10-10 134
babel插件转换删除严格模式 1.下载删除“使用严格”指令 npm install babel-plugin-transform-remove-strict-mode -S .babelrc写入 { "plugins": ["transform-remove-strict-mode"] } 通过CLI $ babel --plugins transform-remove-strict-m...
IE报错Error in v-on handler: “TypeError: 对象不支持此操作
Zhang's Blog
04-27 6816
IE11中点击el-menu报错Error in v-on handler: "TypeError: 对象不支持此操作 解决方案 新建一个js文件，在main.js中引入。注意此js引入需在elementui引入之前。 js文件内容入下 /* eslint-disable */ (function(window) { try { new MouseEvent('test'); return false; // No need to polyfill } ca
mui-坑：2.验证表单不支持，需使用jquery-mvalidate
Qian_v1的专栏
03-17 1280
mui验证需使用jquery-mvalidate
umiJs2.x 升级到umiJs3.x中遇到的一些问题
zhengshansheng123的博客
10-25 952
umiJs2.x升级到3.x遇到的一些问题。
Babel7.x完美解决严格模式报错：’caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode
01-08
问题描述 做项目用到了MUI的scroll控件 故此我引入了mui.min.js 然而 猝不及防地报错了： 原创文章 236获赞 36访问量 201万+ 关注 私信 展开阅读全文 作者：Piconjo_Official
vue脚手架导入mui.js的问题
laiyue2014的博客
04-20 751
一、配置webpack+vue-cli项目初始化 webpack初始化一个化一个项目，并且安装依赖。 默认安装了node.js的前提，cd进入指定目录 npm install webpack -g --全局安装 webpack -v --查看版本是否安装成功 //webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install w...
关于在vue项目中使用mui滑动导航栏的一系列坑
litcangosh的博客
11-29 647
需要借助于 MUI 中的 tab-top-webview-main.html 需要把 slider 区域的 mui-fullscreen 类去掉 滑动条无法正常触发滑动，通过检查官方文档，发现这是JS组件，需要被初始化一下： 导入 mui.js // 导入mui.js文件 import mui from "../../lib/mui/js/mui.js"; 调用官方提供的 方式 去初始...
移动端开发框架mui之工具包（utils）中的方法介绍
zgphacker2010的专栏
03-13 464
MUI 官网：https://www.dcloud.io/mui.html MUI 文档：https://dev.dcloud.net.cn/mui/ui/ 演示地址：https://dcloud.io/hellomui/ （支持手机和电脑浏览器） 开发工具：https://www.dcloud.io/hbuilderx.html （Hbuilder X） init 方法 mui框架将很多功能配置都集中在mui.init方法中，要使用某项功能，只需要在mui.init方法中完成对应参数配置即.
umi：根据umi-request开发文档封装请求参数携带请求头
热门推荐
苏珊蓝顿
08-03 5万+
Umi：根据Umi-request开发文档封装请求参数携带头部hearder{}话不多说 直接上代码完。 由于项目功能需求采用Antd Pro官方脚手架，为了保持框架完整性不再添加其他数据请求类npm包，所以对项目中@utils/request.js提供的官方文档进行封装。 官方API：https://github.com/umijs/umi-request 或者 https://www.npmj...
解决vue-cli3中引入mui，使用严格模式报错
给我一个姑娘的博客
08-15 1288
在使用vue-cli3时，引入了mui，在引入mui.js时，报错 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them 后来查阅资料发现，是由...
mui遇到的坑 h5 before方法锤子手机不支持
csdnwr的博客
06-27 732
var firsttr = table.firstChild;table.insertBefore(getItemElement(path),firsttr);
vue项目中使用mint-ui Loadmore组件报错解决方案： Ignored attempt to cancel a touchmove event with cancelable=false
张培跃的个人博客
09-01 6687
报错内容如下： [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 上面的内容虽然不会影响到项目的运行效果，但看着飘一串红字总是稍有一些不爽，所...
html5shiv.js和respond.min.js
weixin_30483495的博客
09-17 208
做页面常用的东西，写这里用的时候省点去找了。。。 html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。 respond.min:让不支持css3Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。 由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种方案还是需要的， 下面是两个...
移动端开发之CSS3兼容处理
qq_31749421的博客
10-24 635
1. 主流浏览器引擎前缀 -webkit- (谷歌, Safari, 新版Opera浏览器等) -moz- (火狐浏览器) -o- (旧版Opera浏览器等) -ms- (IE浏览器 和 Edge浏览器) 只有在新的css3的实验性的属性前需要添加前缀，目前大部分常用的css3新属性都可以直接舍弃前缀。查看浏览器兼容css3属性情况请参考： 网址 .wrap { display: -webki...
CSS3 动画
山水子农
07-14 3318
1、CSS3 @keyframes 规则   如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。2、浏览器支持   Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animatio...
vue-cli创建的项目中引入第三方库报错 'caller', 'calle', and 'arguments' properties may not be...
Sophie_U的博客
07-28 1万+
以在vue中引入mui第三方库为例： 虽然针对vue，有单独的vue-mui库可以使用，但因习惯了直接使用第三方库，且单独的mui更全面一点，所以想要作为第三方js库来引用。 问题： 在vue的main.js中引入mui.min.js时，报错。如上，单独在main.js或者任意组件中通过import 方式引入mui时都会报这个错。原因：babel在将js文件转码为ES5时，默认使用严格模式，而在
android studio mui js 不执行
最新发布
05-20
如果你正在使用 Android Studio 和 MUI JS，但是 MUI JS 没有执行，可能有几个原因： 1. 检查 MUI JS 文件是否正确引用：在你的 HTML 文件中，确认你已正确引用了 MUI JS 文件，包括文件路径和文件名。 2. 检查...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

q1054261752

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值