css Angular 14误差:转换失败,出现1个错误:错误:未终止的字符串标记

ca1c2owp  于 2022-11-19  发布在  Angular
关注(0)|答案(4)|浏览(242)

当运行ng serve时,我得到以下结果:

  • ./src/main.ts -错误:模块构建失败(来自./node_modules/@ngtools/webpack/src/ivy/index.js)../.组件.scss:17:100:错误:未终止的字符串标记
  • ./src/多边形填充.ts '-错误:模块构建失败(来自./node_modules/@ngtools/webpack/src/ivy/index.js)../.组件.scss:17:100:错误:未终止的字符串标记

这个Angular 版本

Angular CLI: 14.0.6
    Node: 16.16.0
    Package Manager: NPM 8.14.0
    OS: win32 x64
    
    Angular: 14.0.6
    
    Package                         Version
    ---------------------------------------------------------
    @angular-devkit/architect       0.1400.6
    @angular-devkit/build-angular   14.0.6
    @angular-devkit/core            14.0.6
    @angular-devkit/schematics      14.0.6
    `@angular/cdk                   14.0.5`
    @angular/material               14.0.5
    @nguniversal/express-engine     7.1.1
    @schematics/angular             14.0.6
    `rxjs                           6.6.7`
    typescript                      4.6.4

/.组件.scss

input[type=text]:disabled {
  color: black;
}

.search-row {
  .form-group > label {
    font-size: 1.1em !important;
      color: black;
  }
}

.mat-table {
  th.mat-header-cell {
    font-size: 1.1em !important;
      color: black;
  }
}//<< here line 17.

#block {
  margin: 0% 10%;
}
...

谢谢你帮忙

kjthegm6

kjthegm61#

对于任何登陆到那里的人,在angular.json文件中临时设置optimization: false,这样就可以看到真实的的错误。
在我的例子中,这是一个不受支持的样式表导入,但它可以是Webpack sass-loader抛出的任何错误。

hc2pp10m

hc2pp10m2#

运行以下命令

npx browserslist --update-db
c9x0cxw0

c9x0cxw03#

对于仍然存在此问题的任何人,您可以在angular.json文件中设置optimization: false,并重新构建以查看包含详细信息的真实的错误,然后将optimization: true放回。
对我来说,错误是我有一个未定义的$dark-color变量。

3j86kqsm

3j86kqsm4#

我将Angular 项目从5.2升级到14,我看到了这个错误,它没有显示错误来自哪个文件。
我在angular.json文件中尝试了optimization: false,但由于升级将.angular-cli.json转换为angular.json,并且json结构似乎是错误的,因此它不起作用。

我创建了一个带有Angular 的新示例项目,并将其中的angular.json文件移动到升级的项目文件夹中,然后更改了optimization: false

这次显示的错误是特定的行和文件名。我解决了这些错误在项目css文件,并能够做ng serve

相关问题