[已删除]

发布：2021-04-14 21:50
更新：2021-04-14 21:50
阅读：966

【报Bug】nvue页面style标签内引入scss文件报错bug

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 20H2，内部版本号：19042.870

HBuilderX类型：正式

HBuilderX版本号： 3.1.8

手机系统： Android

手机系统版本号： Android 10

手机厂商：华为

手机机型： nova 7 SE 5G(CDY-AN00)

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

原本的代码：

<style lang="scss">  
    .dynamic {  
        margin-top: $uni-spacing-row-sm;  
    }  
</style>

我希望这样：
在一个独立的css文件中：

    .dynamic {  
        margin-top: $uni-spacing-row-sm;  
    }

然后通过import引入

<style lang="scss">  
    @import url("test.css")  
</style>

然后就报错了

ERROR: property value `$uni-spacing-row-sm` is not supported for `margin-top` (only number and pixel values are supported)

我尝试将css文件改为scss文件，并且改变引入的路径，仍然报出相同的错误。
似乎通过引入的方式，编译器并不能识别scss的代码
同时，我尝试了在css/scss文件中引入uni.scss，但是仍然不起作用。

操作步骤：

1.首先将如下代码写入一个独立的css文件中

    .dynamic {  
        margin-top: $uni-spacing-row-sm;  
    }

在一个nvue文件中引入这一css文件：

<style lang="scss">  
@import url("test.css")  
</style>

运行

预期结果：

css被正确的渲染

实际结果：

报错：

ERROR: property value `$uni-spacing-row-sm` is not supported for `margin-top` (only number and pixel values are supported)

bug描述：

我在一个nvue页面内的<style lang="scss"></style>标签内写了一些包含scss语言的代码
我希望通过一个独立的css文件来存放这些代码，然后再通过引入的方式引入到这个nvue页面
但是发现报错：

ERROR: property value `$uni-spacing-row-sm` is not supported for `margin-top` (only number and pixel values are supported)

我尝试将css文件改为scss文件，并且改变引入的路径，仍然报出相同的错误

2021-04-14 21:50 负责人:无分享

0 个回复

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

【报Bug】nvue页面style标签内引入scss文件报错bug

操作步骤：

1.首先将如下代码写入一个独立的css文件中

`.dynamic { margin-top: $uni-spacing-row-sm; }`

在一个nvue文件中引入这一css文件：
`<style lang="scss"> @import url("test.css") </style>`

运行

预期结果：

css被正确的渲染

实际结果：

报错：

ERROR: property value `$uni-spacing-row-sm` is not supported for `margin-top` (only number and pixel values are supported)

bug描述：

0 个回复

公告

相关问题

【报Bug】nvue页面style标签内引入scss文件报错bug

操作步骤： 1.首先将如下代码写入一个独立的css文件中 .dynamic { margin-top: $uni-spacing-row-sm; } 在一个nvue文件中引入这一css文件： <style lang="scss"> @import url("test.css") </style> 运行

预期结果： css被正确的渲染

实际结果： 报错： ERROR: property value `$uni-spacing-row-sm` is not supported for `margin-top` (only number and pixel values are supported)

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

1.首先将如下代码写入一个独立的css文件中

`.dynamic { margin-top: $uni-spacing-row-sm; }`

在一个nvue文件中引入这一css文件：
`<style lang="scss"> @import url("test.css") </style>`

运行

预期结果：

css被正确的渲染

实际结果：

报错：

ERROR: property value `$uni-spacing-row-sm` is not supported for `margin-top` (only number and pixel values are supported)