【报Bug】vue3项目，uni.scss 中 :export 导出的数据不是对象而是字符串

分类：uni-app

bug反馈 scss

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.96

浏览器平台： Chrome

浏览器版本： HBuilderX内置浏览器

项目创建方式： HBuilderX

示例代码：

// uni.scss  
/* 行为相关颜色 */  
$uni-color-primary: #007aff;  
:export{  
    test: $uni-color-primary;  
}  

// index.vue  

import uniScss from "@/uni.scss"  
console.log(uniScss)

操作步骤：

新建空白vue3项目

// uni.scss  
/* 行为相关颜色 */  
$uni-color-primary: #007aff;  
:export{  
    test: $uni-color-primary;  
}  

// index.vue  

import uniScss from "@/uni.scss"  
console.log(uniScss)

预期结果：

希望 uniScss 是对象

实际结果：

uniScss 返回的是字符串 :export {test: #007aff;}

现在返回的是两个一样的字符串了

 :export {test: #007aff;}   
 :export {test: #007aff;}

bug描述：

在新建的空白 vue3 项目中的uni.scss 新增 :export {test: #007aff;}；
然后在页面上 import uniScss from "@/uni.scss"
打印出来的uniScss是一堆注释加上 :export {test: #007aff;} 的字符串，不能像vue2一样直接当作对象来用。

不止是HBuilderX新建的vue3工程，通过cli创建的vue3 工程也是这样。

2023-11-06 14:32 负责人:YUANRJ 分享

1 个回复

西恩十月 (作者)

没人吗？这个问题百分百复现

l***@163.com

请问最后怎么实现的

2024-05-13 08:59

要回复问题请先登录或注册

【报Bug】vue3项目，uni.scss 中 :export 导出的数据不是对象而是字符串

示例代码：

`// uni.scss /* 行为相关颜色 */ $uni-color-primary: #007aff; :export{ test: $uni-color-primary; } // index.vue import uniScss from "@/uni.scss" console.log(uniScss)`

操作步骤：

新建空白vue3项目

`// uni.scss /* 行为相关颜色 */ $uni-color-primary: #007aff; :export{ test: $uni-color-primary; } // index.vue import uniScss from "@/uni.scss" console.log(uniScss)`

预期结果：

希望 uniScss 是对象

实际结果：

uniScss 返回的是字符串 :export {test: #007aff;}

现在返回的是两个一样的字符串了

`:export {test: #007aff;} :export {test: #007aff;}`

bug描述：

1 个回复

公告

相关问题

【报Bug】vue3项目，uni.scss 中 :export 导出的数据不是对象而是字符串

示例代码： // uni.scss /* 行为相关颜色 */ $uni-color-primary: #007aff; :export{ test: $uni-color-primary; } // index.vue import uniScss from "@/uni.scss" console.log(uniScss)

操作步骤： 新建空白vue3项目 // uni.scss /* 行为相关颜色 */ $uni-color-primary: #007aff; :export{ test: $uni-color-primary; } // index.vue import uniScss from "@/uni.scss" console.log(uniScss)

预期结果： 希望 uniScss 是对象

实际结果： uniScss 返回的是字符串 :export {test: #007aff;} 现在返回的是两个一样的字符串了 :export {test: #007aff;} :export {test: #007aff;}

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`// uni.scss /* 行为相关颜色 */ $uni-color-primary: #007aff; :export{ test: $uni-color-primary; } // index.vue import uniScss from "@/uni.scss" console.log(uniScss)`

操作步骤：

新建空白vue3项目

`// uni.scss /* 行为相关颜色 */ $uni-color-primary: #007aff; :export{ test: $uni-color-primary; } // index.vue import uniScss from "@/uni.scss" console.log(uniScss)`

预期结果：

希望 uniScss 是对象

实际结果：

uniScss 返回的是字符串 :export {test: #007aff;}

现在返回的是两个一样的字符串了

`:export {test: #007aff;} :export {test: #007aff;}`