热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用〜(波浪号)的SCSS文件导入在Angular6中不起作用

如何解决《使用〜(波浪号)的SCSS文件导入在Angular6中不起作用》经验,为你挑选了1个好方法。

我有两个关于scssAngular6中文件导入的问题

    component.scss在global中一次导入我的局部文件后,是否需要将我的局部文件导入src/sass/styles.scss。一次导入就足够了吗?

    如何SCSS使用导入快捷方式〜导入局部变量?我所有的零件都包含在src/sass文件夹中。

这可以: @import '../sass/variables';//in app.component.scss

但这会引发错误@import '~sass/variables'

./src/app/app.component.scss中的错误模块构建失败:@import'〜sass / variables'; ^找不到导入文件或不可读:〜sass /变量。在C:\ Users \ sandeepkumar.g \ Desktop \ nodebook \ tdlr-this \ src \ app \ app.component.scss中(第2行,第1列)

`

angular.json:

"styles": [
              ...
              "src/sass/styles.scss"
            ],

我的文件夹结构:



1> dasfdsa..:

回答我自己的问题。事实证明,这两个问题都是Angular 6中的“错误”。

    是的,如果要在任何component.scss中使用任何.scss文件代码,则必须将其导入该component.scss中。问题。

    〜(Tilda)自从停止工作Angular6。问题。使用~src代替导入scss。


推荐阅读
  • 《移动Web前端高效开发实战》笔记2——使用Gulp构建一个ECMAScript 6和Sass应用
    8.3.1安装和配置运行Gulp需要Node.js环境,请参看第二章内容搭建Node.js环境。使用NPM全局安装Gulp,命令如下:npminstallgulp-cli–g ... [详细]
  • sass在vue中需要注意什么
    这篇文章将为大家详细讲解有关sass在vue中需要注意什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。当用@imp ... [详细]
  • vue使用Sass时出现报错问题如何解决
    本篇文章为大家展示了vue使用Sass时出现报错问题如何解决,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获 ... [详细]
  • 讓我們斟酌下場景:當運用remvw開闢挪動端的時刻,你定義了一個px轉rem的函數,或許是網站配色的全局變量等,然後到工程里為每一個vue文件或許組件@import‘publicf ... [详细]
  • ruby环境中自动编译sass教程
    ruby环境中自动编译sass教程-sass为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护!sass安装安装完ruby之后,在开始菜单中,找到 ... [详细]
  • 在我的gulpfile中,我注意到了这种奇怪的行为。如果我这样定义手表(带括号): ... [详细]
  • CSSandSass(SCSS)stylerulesIDandclassnamingID和class(类)名总是使用可以反应元素目的和用途的名称,或其他通用名称。代替表象和 ... [详细]
  • 本文主要分享【】,技术文章【SassScss、Less是什么?】为【CRMEB】投稿,如果你遇到CRMEB,学习笔记相关问题,本文相关知识或能到你。Sass(SyntacticallyAw ... [详细]
  • CSS制作框架Sass 3.4.4有哪些优点
    这篇文章主要讲解了“CSS制作框架Sass3.4.4有哪些优点”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究 ... [详细]
  • 运行Vue项目报错
    运行vue项目报错:SyntaxError:Error:NodeSassdoesnotyetsupportyourcurrentenvironment:Windows64-bitw ... [详细]
  • 1.什么是预处理器?  CSS预处理器是用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题。 ... [详细]
  • 使用npm安装gulp-sass:因项目需要,在写好了package.json的情况下,进行npminstall。但是npminstall中安装gulp-sass失败:删去node_module ... [详细]
  • 前言:本节主要学习下Sass、Less、Stylus在使用方面的异同。1.环境安装配置区别。  <1>Sass环境配置?    Sass的底层是Ruby语言开发的,安装Sass ... [详细]
  • VScode格式化文档换行或不换行的设置方法
    本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ... [详细]
  • 本文讨论了为什么在main.js中写import不会全局生效的问题,并提供了解决方案。在每一个vue文件中都需要写import语句才能使其生效,而在main.js中写import语句则不会全局生效。本文还介绍了使用Swal和sweetalert2库的示例。 ... [详细]
author-avatar
Mr-o蛋挞
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有