如题所示,正常情况下electron-vue与vuetify的整合,因为就是vue与vuetify的整合,按照一般的推荐方法,基本不会出错,但是,这里因为electron-vue项目采用了webpack打包构建,导致了问题:

有的说是electron版本问题,有的说是vue-router问题,总之,我遇到的这个问题还是不太一样。
直到看到github上有类似的issue:https://github.com/vuetifyjs/vuetify/discussions/4068
下面有人给出了解决办法:

我们可以找到项目根目录下.electron-vue目录下的webpack.renderer.config.js文件,找到如下代码:
let whiteListedModules = ['vue']
增加一个"vuetify" 。

再次运行npm run dev,项目正常启动,窗口程序显示正常,不再报错。
当使用Electron-Vue构建项目并整合Vuetify时,由于webpack配置问题可能会遇到错误。根据github上的讨论,解决方案是在项目根目录的.electron-vue/webpack.renderer.config.js中,将vuetify添加到whiteListedModules数组中。这一修改后,项目能够正常启动,窗口程序显示不再报错。
1999

被折叠的 条评论
为什么被折叠?



