Vuepress项目打包出现样式丢失，黑白效果。

💂 个人网站: 【紫陌】【笔记分享网】
💅 想寻找共同学习交流、共同成长的伙伴， 请点击【前端学习交流群】

今天部署vuepress项目时，出现了样式丢失，网页打开黑白。具体情况请继续往下看：

效果：

解决方案：

资源加载失败，基本都是路径出了问题。查看dist/index.html文件可以看到，资源路径都写的是根目录下 / ：

这里的根目录 / 路径是我们之前在/docs/.vuepress/config.js中配置的base字段：

 把base更改为：  base"./"

然后最重要的一步

最重要是在node_modules找到这个文件

在node_modules/@vuepress/core/lib/client/app.js这个文件注释掉mode: 'history',

 

最后在打包一下就可以了。

如果对你有帮助帮忙点点赞