vue项目打包运行在服务器后样式空白了,怎么改?

vue

这是我在vue项目打包时遇到的坑,我成功上岸了,想记录下,如果能帮到你,再开心不过了,废话不多说了,看下图:

如图,这是我的vue项目的运行依赖,其中显示在项目运行时vue-router使用的是 3.1.6 版本的,但是通过 webpack 的 externals 节点,来配置并加载外部的 CDN 资源的时候就猜到坑了。如图下:
这里的index.html文件加载的是跟运行依赖版本相同的 vue-router ,但是别高兴太早,你按住 ctrl 键,点击该链接回跳到如下页面:
惊不惊喜,反正我觉得挺意外的。原来cdn那没有 vue-router 的最新版本,解决办法:适当降低 vue-router 的版本,如下图:

将版本降到 3.1.3 后,再按住 ctrl 键,点击链接,结果如下:

嗯,版本3.1.3 可以加载的,也就是 cdn 可以导入的版本。修改完保存,我的项目就运行成功了。这是我的第一篇博客,不喜勿喷,哈哈。

以上是 vue项目打包运行在服务器后样式空白了,怎么改? 的全部内容, 来源链接: utcz.com/z/377218.html

回到顶部