Javin

发布：2023-06-13 13:00
更新：2024-11-28 16:29
阅读：567

【报Bug】在uniapp中vue3版本动态await import('*****.scss')不生效

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 13.4 (22F66)

HBuilderX类型：正式

HBuilderX版本号： 3.8.4

浏览器平台： Chrome

浏览器版本：版本 114.0.5735.106（正式版本）（经过翻译的 x86_64）

项目创建方式： HBuilderX

示例代码：

<template>  
    <view class="test"></view>  
</template>  

<script>  
await import('dynamic.scss')  
</script>

dynamic.scss:

$color: red;  

.test {  
  background-color: $color;  
}

操作步骤：

<template>  
    <view class="test"></view>  
</template>  

<script>  
await import('dynamic.scss')  
</script>

dynamic.scss:

$color: red;  

.test {  
  background-color: $color;  
}

预期结果：

正常显示加载的scss

实际结果：

如果使用类<view class="test"></view>没有任何效果如果使用$color说找不到这个变量

bug描述：

我需要

await import('*****.scss')

让用户自定义皮肤样式类似
https://github.com/silentmantra/scss-dynamic-import/blob/master/src/components/HelloWorld.vue
这种用法

但是我在uniapp vue3中这样操作没有任何反应。

2023-06-13 13:00 负责人:无分享

2 个回复

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序

css中@import （）

2023-06-13 13:12 分享

Javin (作者)

css中@import （）不能通过js切换皮肤

2023-06-13 16:10
Javin (作者)

vue3+vite是可以这样操作的但是uniapp里面这样做无效果

2023-06-13 16:12

俞19

js中也无效，有大佬解决了吗

2024-11-28 16:29 分享

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

【报Bug】在uniapp中vue3版本动态await import('*****.scss')不生效

示例代码：

`<template> <view class="test"></view> </template> <script> await import('dynamic.scss') </script>`

dynamic.scss:

`$color: red; .test { background-color: $color; }`

操作步骤：

`<template> <view class="test"></view> </template> <script> await import('dynamic.scss') </script>`

dynamic.scss:

`$color: red; .test { background-color: $color; }`

预期结果：

正常显示加载的scss

实际结果：

如果使用类<view class="test"></view>没有任何效果如果使用$color说找不到这个变量

bug描述：

2 个回复

公告

相关问题

【报Bug】在uniapp中vue3版本动态await import('*****.scss')不生效

示例代码： <template> <view class="test"></view> </template> <script> await import('dynamic.scss') </script> dynamic.scss: $color: red; .test { background-color: $color; }

操作步骤： <template> <view class="test"></view> </template> <script> await import('dynamic.scss') </script> dynamic.scss: $color: red; .test { background-color: $color; }

预期结果： 正常显示加载的scss

实际结果： 如果使用类<view class="test"></view>没有任何效果 如果使用$color说找不到这个变量

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

示例代码：

`<template> <view class="test"></view> </template> <script> await import('dynamic.scss') </script>`

dynamic.scss:

`$color: red; .test { background-color: $color; }`

操作步骤：

`<template> <view class="test"></view> </template> <script> await import('dynamic.scss') </script>`

dynamic.scss:

`$color: red; .test { background-color: $color; }`

预期结果：

正常显示加载的scss

实际结果：

如果使用类<view class="test"></view>没有任何效果如果使用$color说找不到这个变量