- 发布：2021-01-15 14:11
- 更新：2021-02-03 17:30
- 阅读：993
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： mac mojave 10.14 / mac catalina 10.15.7
手机系统： 全部
页面类型： nvue
打包方式： 云端
项目创建方式： CLI
CLI版本号： 2.0.0-alpha-30820210114001
测试过的手机：
示例代码：
页面代码如下：
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view>
<text class="title">{{title}}</text>
<text>2.0.0-alpha-30920210125001</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello UniApp'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss">
.logo{
width: 100rpx;
height: 100rpx;
}
.title{
font-size: 30rpx;
color: #f4615c;
}
</style>
页面代码如下：
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view>
<text class="title">{{title}}</text>
<text>2.0.0-alpha-30920210125001</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello UniApp'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss">
.logo{
width: 100rpx;
height: 100rpx;
}
.title{
font-size: 30rpx;
color: #f4615c;
}
</style>
操作步骤：
vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
创建一个新项目
npm install sass sass-loader --save-dev
安装 sass 依赖
简单修改 index.nvue 页面内容和样式
vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
创建一个新项目
npm install sass sass-loader --save-dev
安装 sass 依赖
简单修改 index.nvue 页面内容和样式
预期结果：
index 页面样式正确渲染
index 页面样式正确渲染
实际结果：
没有样式
没有样式
bug描述：
cli的alpha项目升级到30820210113 或 30820210114 之后， 所有 nvue 页面的 scss样式全部没有了
然后用cli重新创建了一个alpha空项目，单个页面scss简单测试之后，依旧没有样式
=== 2021-01-26补充 ===
创建了最新 alpha 和 latest 版本项目分别试了下 nvue 页面
显示结果：
最佳回复
你好， 我下载了实例，使用了npm install后运行到小米 10Pro上。
按照写的样式对照了一下，没有发现有scss丢失的问题。
-
PhilipJc (作者)
你好，我这边重新装了依赖，试了之后依旧没有样式，然后试着检查了 hbuilderX 的新版本，更新hbuilderX样式正常。更新前hbuilderX版本：3.0.7.20210109-alpha，更新后：3.1.0.20210202-alpha。所以说，是这一版本编辑器更新后，你们修复了这个问题之后，才回复的确认。我在新评论附上对比图
2021-02-03 16:58
