@import 'base'; 这样引入vscode报错,

@import 'base'; 这样引入vscode报错,

# 具体遇到的问题
我知道应该

用@import url("路径")的形式来引入

# 报错信息的截图

# 相关课程内容截图
但是颜色一致是定义的,而不是base的,无论引入在什么地方,老师能明白吗
# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

// 在sass中,变量以美元符号$开头

// $width: 300px;

// $color: #ffe932;

// .div1 {

//    height: $width;

//    $widthInner: 100px;

//    width: $widthInner;

// }

// .div2 {

//    width: $width;

// }


// $width: 300px;

// $color: #ffe932;

// .div1 {

//    height: $width;

//    $widthInner: 100px;

//    width: $widthInner;

// }

// .div2 {

//    width: $width;

// }


// @import './org.css';

// @import url('base'); // 用@import url("路径")的形式来引入

$width300px;

$color#ffe932;

// .div1 {

//    width: $width;

// }

// @import url('base'); // 用@import url("路径")的形式来引入

@import 'base'// 用@import url("路径")的形式来引入

.div {

   width$width;

   background-color$color;

}



正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2020-12-13 10:24:11

同学你好,使用vscode编辑器测试并没有报错,如下:

1、base文件中不使用!default默认值

http://img1.sycdn.imooc.com//climg/5fd5796209e03d8c04960246.jpg

http://img1.sycdn.imooc.com//climg/5fd5797009b383a703840113.jpg

编译出来的

http://img1.sycdn.imooc.com//climg/5fd579820922c02a03870104.jpg

这是因为引入base文件在定义颜色的后面,进行了颜色覆盖,所以显示为红色。

2、如果这里引入和定义颜色交换位置,按照先后顺序,会显示当前定义的颜色

http://img1.sycdn.imooc.com//climg/5fd57a72095bf59b02720059.jpg

http://img1.sycdn.imooc.com//climg/5fd57a5d090eb8d604340104.jpg

3、base文件中设置!default

http://img1.sycdn.imooc.com//climg/5fd57a8e097b2ba602510036.jpg

无论base文件引入在当前定义颜色前面还是后面,都会显示当前定义的颜色

(1)base引入在前

http://img1.sycdn.imooc.com//climg/5fd57aad09344ea402710070.jpg

http://img1.sycdn.imooc.com//climg/5fd57ab50971b28c03720116.jpg

(2)base引入在后

http://img1.sycdn.imooc.com//climg/5fd57ac009a0b50402710077.jpg

http://img1.sycdn.imooc.com//climg/5fd57ac809d0e7fd03980114.jpg


如果上面的回答解决不了疑惑,建议描述具体一些,想要实现什么样的效果,老师帮助解决。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师