1
- 发布:2021-10-11 00:09
- 更新:2022-03-11 16:09
- 阅读:1903
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 11
HBuilderX类型: Alpha
HBuilderX版本号: 3.2.9
手机系统: Android
手机系统版本号: Android 10
手机厂商: 小米
手机机型: 8
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
1
1
实际结果:
1
1
bug描述:
经查错,使用vite编译的demo中使用云打包功能,style标签增加lang="scss",出现
warnings when minifying css:
[HBuilder] 00:03:17.433 > <stdin>:6:0: warning: "@charset" must be the first rule in the file
[HBuilder] 00:03:17.435 6 │ @charset "UTF-8";
[HBuilder] 00:03:17.435 ╵ ~~~~
[HBuilder] 00:03:17.438 <stdin>:2:0: note: This rule cannot come before a "@charset" rule
[HBuilder] 00:03:17.438 2 │ a[data-v-01e62d77] {
[HBuilder] 00:03:17.440 ╵ ^
编译后的css文件内容为
@charset "UTF-8";a[data-v-01e62d77]{color:#42b983}.content{display:flex;flex-direction:column;align-items:center;justify-content:center}.logo{height:100px;width:100px}
删除lang="scss"就正常
或者
本地真机调试运行同样是正常的
唯独云打包的时候出现编译错误
vue页面
style lang="scss" scoped
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: inherit;
.logo {
height: 100px;
width: 100px;
}
}
/style
组件页面
style lang="scss" scoped
// 组件内加任意样式则会出现错误
.asdf {
display: flex;
}
/style
4 个回复
黑桃K - 断剑重铸之日,骑士归来之时。
遇到了同样的问题,楼主要是解决了,麻烦告知下
2***@qq.com
遇到了同样的问题,楼主要是解决了,麻烦告知下
黑桃K
vite打包编译问题,需要官方解决
2021-10-13 08:49
z***@163.com
同样的问题
赵永强 - 前端老菜鸟
解决方法 https://www.cnblogs.com/xiaozhuangge/p/15991547.html