相关疑难解决方法(0)

Angular-cli从css到scss

我已经阅读了文档,其中说如果我想使用,scss我必须运行以下命令:

ng set defaults.styleExt scss
Run Code Online (Sandbox Code Playgroud)

但是,当我这样做并生成该文件时,我仍然在我的控制台中收到此错误:

ng set defaults.styleExt scss
Run Code Online (Sandbox Code Playgroud)

我该如何解决?

css sass angular-cli angular angular6

106
推荐指数
12
解决办法
9万
查看次数

在角度2中使用Sass

我正在尝试Sass在我的Angular 2项目中进行设置.基本上我理解有两种方法来创建一个角度2项目

1)使用angular-cli(https://github.com/angular/angular-cli)

我提到了/sf/answers/2907872971/中提到的答案,我可以scss在angular 2项目中成功使用文件,一切都很好,但我无法cssscss项目文件夹中的文件中找到生成的文件.任何人都可以解释为什么没有css生成文件但仍然有效的原因?

2)使用quickstart seed(https://angular.io/guide/quickstart)

我无法获得有关如何sass在quickstart项目中设置的任何信息.有没有人对sass在angular提供的quickstart项目中使用有任何想法?

提前致谢!

css sass angular

25
推荐指数
2
解决办法
3万
查看次数

使用SCSS/Sass作为Angular 6+(styleExt)中的默认样式表

显然,声明默认样式表扩展的方式从Angular 6开始改变了.该styleExt物业angular.json不再被承认.

对于新的项目,这可以通过在命令行选项来设置--style=scssnew命令.

但是,如何在我从Angular <5迁移的项目或者在项目创建期间忘记执行此操作时更改此项目?

这个问题与Angular第5版到第6版的重大变化有关.

css sass angular-cli angular angular6

21
推荐指数
1
解决办法
2万
查看次数

角度形式验证和引导样式

我对Angular很新,我正在尝试使用Angular和Bootstrap 4创建一个注册表单.

我想要的结果是使用Bootstrap的样式和Angular的验证.更准确地说,在验证表单时,Angular在两个不同的位置应用样式(ng-valid,ng-invalid等):input元素和表单元素.

两个问题:

1)由于Bootstrap使用'has-danger'和'has-success'而不是'ng- [in] valid',是否可以配置angular来使用这些样式而不是默认样式.目前,我正在考虑通过添加角度样式来扩展引导程序(使用@extend has-danger/success)

2)Angular将样式应用于输入和表单元素,而bootstrap则在form-group元素上使用它.是否可以将角度放在那里而不是输入元素(或两者?)

我正在使用反应形式,我想避免像(未经测试)这样的事情:

<form>
    <div class="form-group" [class.has-error]="!fg.get('username').valid" [class.has-success]="fg.get('username').valid">
        <label>Username</label>
        <input formControlName="username" type="text"/>
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

实现这一目标有一种简单的方法(不是太冗长)吗?

css forms twitter-bootstrap-4 angular

20
推荐指数
3
解决办法
9673
查看次数

错误:模块构建失败(来自 ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js)

我正在尝试运行我的 Angular 14 应用程序,但在尝试在本地提供服务时出现以下错误。看看下面的错误:

\n
Build at: 2022-06-28T06:24:59.368Z - Hash: 217d45d22093a51f - Time: 5857ms\n ./src/app/app.component.sass?ngResource - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js):\nSassError: Expected newline.\n  \xe2\x95\xb7\n1 \xe2\x94\x82 .example-icon {\n  \xe2\x94\x82               ^\n  \xe2\x95\xb5\n  src/app/app.component.sass 1:15  root stylesheet\n\n\n** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **\n\n\n\xe2\x9c\x96 Failed to compile.\n
Run Code Online (Sandbox Code Playgroud)\n

这是我的package.json依赖项:

\n
  "dependencies": {\n    "@angular/animations": "^14.0.0",\n    "@angular/cdk": "^14.0.0",\n    "@angular/common": "^14.0.0",\n    "@angular/compiler": "^14.0.0",\n    "@angular/core": "^14.0.0",\n    "@angular/fire": "^7.4.0",\n    "@angular/forms": "^14.0.0",\n    "@angular/material": "^14.0.0",\n    "@angular/platform-browser": "^14.0.0",\n    "@angular/platform-browser-dynamic": "^14.0.0",\n    "@angular/router": …
Run Code Online (Sandbox Code Playgroud)

sass webpack angular-material angular

7
推荐指数
1
解决办法
2万
查看次数

将所有css文件转换为角度为2的scss

我曾参与过角度2项目,并使用了angular-cli.我想用scss替换所有的css文件.最简单的方法是什么?或者是否有一个命令行可以处理它而无需手动执行.

sass angular-cli angular

6
推荐指数
1
解决办法
7810
查看次数