2***@qq.com
2***@qq.com
  • 发布:2021-10-11 00:09
  • 更新:2022-03-11 16:09
  • 阅读:1921

【报Bug】vite编译vue3框架的uniapp使用云打包,出现编译错误

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 11

HBuilderX类型: Alpha

HBuilderX版本号: 3.2.9

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: 8

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

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

2021-10-11 00:09 负责人:无 分享
已邀请:
黑桃K

黑桃K - 断剑重铸之日,骑士归来之时。

遇到了同样的问题,楼主要是解决了,麻烦告知下

2***@qq.com

2***@qq.com

遇到了同样的问题,楼主要是解决了,麻烦告知下

  • 黑桃K

    vite打包编译问题,需要官方解决

    2021-10-13 08:49

z***@163.com

z***@163.com

同样的问题

赵永强

赵永强 - 前端老菜鸟

解决方法 https://www.cnblogs.com/xiaozhuangge/p/15991547.html

该问题目前已经被锁定, 无法添加新回复