有个vite2+vue3的项目,客户想把前端搞成exe形式访问,那就用electron打个包,没想到执行直接报错了,纯vue3下没有问题,访问页面发现一个3d云层的效果丢失了。
不正常效果图
正常效果图
报错内容:“Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.“。web开发者工具里后面还有一个index.html的保存地址,点进去一看,发现这个报错的页面我好像没写过,全局搜了下这个文件的内容,还真在public下找到一个index.html文件,删了呗,然后重新pnpm dev,就正常了哈。还有一种处理方案就是把index.html改个名字,比如test.html也是ok的。
热门文章
dataV是个不错的选择,就是原生支持vue-cli的webpack打包工具,不支持vite,不过站长还算完美地解决了这个问题。
本文主要分析下子组件如何调用父组件的变量跟函数。
vue使用font-spider压缩字体文件的爬坑记录
vue3下快速获取网址中的url参数,网上基本上都是vue2的,所以站长整理了下解决方案
mui轮播还是ok的,循环轮播就不行了哈,通过简单的JavaScript代码完善下就解决
pnpm跟360有冲突,我也是第一次见识。
three.js一个js三维模型库,陌生是挺陌生的,不过学习的话,我们还是要从官网开始,别随便拿别人的代码套。
让electron支持vite2,非常不错,让vue3跑mqtt,十分完美的组合,还支持cnpm。
vite2 vue3 兼容库包,站长用完才能偷偷告诉你。
整理vue公共函数,放置到main.js,在main.js设置全局变量,实现main.js跟.vue文件间的数据通信。