老师，打包后css会出现丢失情况

来源：10-1 Vue项目构建

慕码人1486145

2019-10-04

在这种情况下，开发环境正常
app.vue

<style lang="scss" scoped>
  #app {
    width: 100%;
    height: 100%;
    background: #7d8188;
    overflow: hidden;
  }
</style>

views/store/index.vue

<style lang="css" scoped>
  @import "../../assets/styles/global.scss";
  #store {
    width: 100%;
    height: 100%;
    background: white;
  }
</style>

但是，打包后 index.vue的样式丢失，导致
图片描述

将index.vue改为lang=“scss”后，样式丢失问题解决，但是书架页面图片描述
dom结构正常，但是被覆盖了
源码地址：https://github.com/shlroland/EBOOK

写回答

1回答

Sam

2019-10-08

你好，我调试了你的代码，没发现问题，可能是你本地资源文件缺失的问题，你可以试试我的方法，将 .env.development 配置文件改为线上地址试试：

VUE_APP_RES_URL=http://www.youbaobao.xyz/book/res
VUE_APP_EPUB_URL=http://www.youbaobao.xyz/epub
VUE_APP_BASE_URL=http://book.youbaobao.xyz:3000
VUE_APP_BOOK_URL=http://book.youbaobao.xyz:3000
VUE_APP_EPUB_OPF_URL=http://www.youbaobao.xyz/epub2
VUE_APP_VOICE_URL=http://book.youbaobao.xyz:3000

慕码人1486145

老师，我是打包后出现问题。css丢失了，这是我上线的地址http://47.103.123.83/book/#/。可以看到是书架部分颜色是灰色。

2019-10-09

共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构，完整项目流程

1610 学习 · 1951 问题

查看课程

相似问题

阿里云服务器

回答 1

按照步骤完成搭建环境后运行npm run dev后出现这种情况，怎么解决