Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.4k views
in Technique[技术] by (71.8m points)

请问怎样使用mixin.css呢?

报错了:
98% after emitting CopyPlugin

ERROR Failed to compile with 1 errors 2:12:20 ├F10: PM

error in ./src/components/Header.vue?vue&type=style&index=0&id=61dd7a3d&lang=scss&scoped=true&

Module build failed (from ./node_modules/[email protected]@sass-loader/dist/cjs.js):
SassError: Undefined variable: "$theme-color".

    on line 95 of src/components/Header.vue
background-color: $theme-color;
--------------------^

结构如下:
image.png

image.png
image.png
image.png

为什么我使用的时候。ide里面明明可以识别出来颜色。但是却无法在浏览器显示出来、并且还报错呢?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

每个 .vue 文件内的 <style> 块内样式都可以看成一个独立的文件,当前文件内没有引入变量定义的文件,所以找不到。
解决办法有两种:

  1. 直接在当前文件引入;
  2. 通过脚手架自动给每个文件引入。具体可以看下 vue-cli 官网这个 配置示例(sass additionalData 部分)

IDE 能识别应该是扫描到了变量的文件,然而并不是根据文件依赖关系来找到变量的。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...