如题所示,正常情况下electron-vue与vuetify的整合,因为就是vue与vuetify的整合,按照一般的推荐方法,基本不会出错,但是,这里因为electron-vue项目采用了webpack打包构建,导致了问题:
![](https://img-blog.csdnimg.cn/20201114173509361.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW5pZmk=,size_16,color_FFFFFF,t_70)
有的说是electron版本问题,有的说是vue-router问题,总之,我遇到的这个问题还是不太一样。
直到看到github上有类似的issue:https://github.com/vuetifyjs/vuetify/discussions/4068
下面有人给出了解决办法:
![](https://img-blog.csdnimg.cn/20201114174301684.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW5pZmk=,size_16,color_FFFFFF,t_70)
我们可以找到项目根目录下.electron-vue目录下的webpack.renderer.config.js文件,找到如下代码:
let whiteListedModules = ['vue']
增加一个"vuetify" 。
![](https://img-blog.csdnimg.cn/2020111417423889.png)
再次运行npm run dev,项目正常启动,窗口程序显示正常,不再报错。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)