vue+webpack项目中引入MUI所碰见的问题

利用webpack搭建的Vue多页应用中,引入mui过程中碰见若干问题,记录如下:

mui引入

当前未发现npm的方式导入。到官网https://github.com/dcloudio/mui 下载zip文件;

加压,应用dist目录到自己的项目中;

在main.js中引入:

 使用方式:

this.mui.toast("mui test");

问题1:npm run build 报错:Error: postcss-svgo: Error in parsing SVG: Unquoted attribute value

百度一圈:都说是单引用变成双引用,可是我这里还是报错:

但下面的改法成功build OK

在background-image 内部对<svg>标签进行双引号引用,使用“\”转义。

问题2:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them at...

webpack 启用js 严格模式,去除严格模式即可:

具体做法:

npm install babel-plugin-transform-remove-strict-mode

在工程中手动添加.babelrc文件,windows下 新建文本文件,重命名为.babelrc. 

在上面文件中添加如下配置:

{
  "plugins": ["transform-remove-strict-mode"]
}

至此,引用MUI成功。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值