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

Question

在这种情况下，开发环境正常
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

Answer 1

Sam 2019-10-08 22:55:42

你好，我调试了你的代码，没发现问题，可能是你本地资源文件缺失的问题，你可以试试我的方法，将 .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 #1

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