Question

我使用bootstrap4在注册页面中显示用户图标。它在我使用@ angular / cli v1.3.x时显示但是在将版本@ angular / cli升级到v1.6.6之后我遇到了这个问题。这是运行时的警告

ng serve

终端中的命令行。

    WARNING in ./node_modules/css-loader?{"sourceMap":false,"import":false}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./src/assets/css/style.css
(Emitted value instead of an instance of Error) postcss-import: F:\Work\Angular\cryptoview\cryptoview\src\assets\css\style.css:55:1: @import must precede all other statements (besides @charset)
NonErrorEmittedError: (Emitted value instead of an instance of Error) postcss-import: F:\Work\Angular\cryptoview\cryptoview\src\assets\css\style.css:55:1: @import must precede all other statements (besides @charset)
    at Object.emitWarning (F:\Work\Angular\cryptoview\cryptoview\node_modules\webpack\lib\NormalModule.js:117:16)
    at result.warnings.forEach (F:\Work\Angular\cryptoview\cryptoview\node_modules\postcss-loader\lib\index.js:149:49)
    at Array.forEach (native)
    at postcss.process.then (F:\Work\Angular\cryptoview\cryptoview\node_modules\postcss-loader\lib\index.js:149:27)
 @ ./src/assets/css/style.css 4:14-149
 @ multi ./src/styles.css ./node_modules/bootstrap/dist/css/bootstrap.min.css ./src/assets/css/style.css ./src/assets/css/colors/default-dark.css

请让我知道如何解决这个问题。

Answer 1

您必须将fopen行放在顶部。甚至，你提供的plnkr也会发出警告。此外，您可以将这些路径放入@import中的styles数组中。这样，angular会将这些css文件与您的样式捆绑在一起，您的用户将加载它们，或者您可以在.angular-cli.json中拥有多个<link>。

Angular4和Bootstrap4中的字体很棒的图标显示问题

1 个答案: