在vue 项目中引入 mui ，报错'mui' is not defined

Question

在vue项目引入mui，然后在js中用到mui的消息提示框，可是老是报错

这个是index.html

这个是main.js

这个是request.js文件用到

然后就总是报错

求助一下~是得怎么引入猜对，因为好像这个mui没办法用webpack进行安装

或者是APP的开发可以有其他更好的UI框架可以用吗，是打算用HBUILD打包的，会不会有其他影响？

Answer 1

你可以参考下这个webpack 外部扩展(externals)
应该只要在webpack.base.conf.js加入

externals: {
  mui: 'mui'
}

Answer 2

这个报错是 ESLint 的报错，不是 webpack 或者浏览器的报错，它的意思是你的代码不符合规范。

MUI 不支持模块管理的话，只能全局使用，这个时候你要告诉 ESlint 它是全局变量，在 request.js 前面加上 /* global MUI */ 即可。

这种情况一定要看提示。
这种情况一定要看提示。
这种情况一定要看提示。

Answer 3

我以前用mui的时候将mui.js放入一个文件中通过main.js成为公共使用

使用的话