uni-app 纯NVUE项目在APP.VUE页面引入SCSS文件 真机调试IOS端修改后立刻白屏

uni-app 纯NVUE项目在APP.VUE页面引入SCSS文件 真机调试IOS端修改后立刻白屏

信息类别 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 14.3.1
HBuilderX类型 正式
HBuilderX版本号 4.15
手机系统 iOS
手机系统版本号 iOS 17
手机厂商 苹果
手机机型 iPhoneXsMax
页面类型 nvue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤:

  • 真机调试IOS端只要修改了APP.VUE引入的SCSS文件内容

预期结果:

  • 手机端实时预览

实际结果:

  • 手机端白屏

bug描述:

  • 纯NVUE项目在APP.VUE页面引入SCSS文件,真机调试IOS端只要修改了APP.VUE引入的SCSS文件就立刻白屏

更多关于uni-app 纯NVUE项目在APP.VUE页面引入SCSS文件 真机调试IOS端修改后立刻白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 纯NVUE项目在APP.VUE页面引入SCSS文件 真机调试IOS端修改后立刻白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在使用 uni-app 开发纯 NVUE 项目时,如果在 App.vue 页面引入 SCSS 文件,并且在真机调试 iOS 端时修改后立刻出现白屏,可能是由于以下原因导致的:

1. SCSS 文件编译问题

  • 问题描述:SCSS 文件在编译时可能出现了错误,导致样式无法正确加载。
  • 解决方案
    • 检查 SCSS 文件的语法是否正确,确保没有语法错误。
    • 确保 SCSS 文件的路径引用正确。
    • App.vue 中引入 SCSS 文件时,使用正确的语法:
      <style lang="scss">
      @import './styles/your-style.scss';
      </style>
回到顶部