我已经阅读了文档,其中说如果要使用scss
,必须运行以下命令:
ng set defaults.styleExt scss
但是当我这样做并制作该文件时,我仍然在控制台中收到此错误:
styles.bundle.js:33Uncaught错误:模块构建失败:错误:ENOENT:没有此类文件或目录,请打开’/Users/Egen/Code/angular/src/styles.css’(…)
对于Angular 6, 请查看官方文档
注: 对于@angular/cli
比旧版本6.0.0-beta.6
使用ng set
到位ng config
。
在现有的使用默认css
样式设置的angular-cli项目中,您需要做一些事情:
scss
手动更改.angular-cli.json(Angular 5.x和更早版本)或angular.json(Angular 6+)或运行:
ng config defaults.styleExt=scss
如果出现错误:请Value cannot be found.
使用以下命令:
ng config diagrams。@ schematics / angular:component.styleext scss
将现有.css
文件重命名为.scss
(即styles.css和app / app.component.css)
指向CLI来找到styles.scss
手动更改
apps[0].styles
angular.json中的文件扩展名
更改
styleUrls
组件中的以匹配新文件名
如@Serginho所述,您可以在运行ng new
命令时设置样式扩展名
ng new your-project-name --style=scss
如果要为以后创建的所有项目设置默认值,请运行以下命令:
ng config --global defaults.styleExt=scss
我已经阅读了文档,文档上说如果我想使用< code>scss,我必须运行以下命令: 但是,当我这样做并创建该文件时,我仍然会在控制台中收到以下错误:
问题内容: 是否有更改此文本的CSS代码 到这个 问题答案: 尝试这个 编辑:将此类应用于段落标记,您应该得到想要的结果。
问题内容: 输出: 码: 没有相同的输出,如何实现? 问题答案: 使用相同的HTML结构是不可能的,您必须有一些区别和。 我建议使用s,然后将其显示为块(就像实际一样)。
问题内容: 我已经开始使用过渡来“现代化”网站的感觉。到目前为止,过渡效果很好。现在,我想知道是否有可能基于其他因素(例如,类更改时)触发转换。 以下是相关的CSS: 触发更改的JavaScript是: 但是过渡似乎并没有发生-它只是从一个州跳到另一个州。 我究竟做错了什么? 问题答案: 当您删除属性时,它确实起作用。 原因是只能转换带有数字的CSS属性。您认为“ 50%状态”应介于“ ”和“ ”
问题内容: 有没有办法从CSS(3)插入HTML元素,dom或代码? 问题答案: 内容(用于文本而非html): 但是要明确一点,这是不好的做法。它在整个浏览器中的支持都是不稳定的,通常不是一个好主意。但是在确实需要使用它的情况下,它确实存在。
描述 (Description) 防护用于匹配简单值或表达式上的许多参数。 它适用于CSS选择器。 它是声明mixin并立即调用它的语法。 要成功显示if类型语句; 加入这个功能& ,它允许您分组多个警卫。 例子 (Example) 以下示例演示了在LESS文件中使用css guard - css_guard.htm <!doctype html> <head> <link re