小编pra*_*ady的帖子

我在 angular.json 样式数组中包含了一些样式，如下所示：

 "styles": [
              "src/styles.css",
              "node_modules/primeicons/primeicons.css",
              "node_modules/primeng/resources/themes/omega/theme.css",
              "node_modules/primeng/resources/themes/bootstrap/theme.css",
              "node_modules/primeng/resources/primeng.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.css"
            ]

但它不是选择样式，因为我看不到primeng 表样式和其他样式。虽然如果我在我的 styles.css 文件中导入样式，它会正常工作，如下所示：

@import '../node_modules/primeng/resources/themes/omega/theme.css';
 @import '../node_modules/primeng/resources/themes/bootstrap/theme.css';
 @import '../node_modules/primeicons/primeicons.css'

我相信我们可以使用上述任何方法，如果这不正确，请告诉我。

我也多次重新启动 ng serve。

任何帮助表示赞赏。感谢期待。

我正在使用 angular 6，因为它在 angular.json 中很明显，如果需要共享任何其他代码或信息，也请告诉我。

当我尝试使用此命令安装angular cli时

npm install -g @angular/cli

我得到了下面提到的错误

npm WARN可选SKIPPING OPTIONAL DEPENDENCY:fsevents@^1.0.0(node_modules\@angular\cli \node_modules\chokidar \node_modules\fsevents):npm WARN notsup SKIPPING OPTIONAL DEPENDENCY:不支持的fsevents@1.2.4平台:want {"os ":""darwin","arch":"any"}(当前:{"os":"win32","arch":"x64"})npm WARN可选跳过选项依赖:fsevents@^1.1.2(node_modules\@angular\cli \node_modules\watchpack \node_modules\chokidar \node_modules\fsevents):npm WARN notsup SKIPPING OPTIONAL DEPENDENCY:不支持的fsevents@1.2.4平台:want {"os":"darwin","arch":"任何"}(当前:{"os":"win32","arch":"x64"})npm WARN可选SKIPPING OPTIONAL DEPENDENCY:fsevents@^1.1.2(node_modules\@angular\cli \node_modules\webpack-dev -server \node_modules\chokidar \node_modules\fsevents):npm WARN notsup SKIPPING OPTIONAL DEPENDENCY:不支持的fsevents@1.2.4平台:want {"os":"darwin","arch":"any"}(当前:{ "os":"win32","arch":"x64"})npm WARN ajv-keywords@3.2.0需要一个同行 jv@^6.0.0但没有安装.npm WARN可选SKIPPING OPTIONAL DEPENDENCY:node-sass@4.9.0(node_modules\@angular\cli \node_modules \node-sass):npm WARN可选SKIPPING OPTIONAL DEPENDENCY:node-sass@4.9.0 postinstall:`node scripts/build .js npm WARN可选SKIPPING OPTIONAL DEPENDENCY:退出状态1

任何想法是什么问题？

我的节点版本是6.9.2,npm版本是3.10.9

我正在使用带有 angular4 的材料何时使用下面的代码。它正确显示选项卡，但是当我切换选项卡单击任何选项卡时，选项卡之间的空间会变宽变窄，就好像应用了一些 flex 样式空间之间的空间等。我没有添加额外的样式。<mat-sidenav-content>如果这确实有什么不同，我将在下面的组件中使用它。

<mat-tab-group [@.disabled]="true">
  <mat-tab label="Overview">
    <div>{{routeData.overview}}</div>
  </mat-tab>
  <mat-tab label="API">
    <div>{{routeData.api}}</div>
  </mat-tab>
  <mat-tab label="Examples">
    <div>{{routeData.examples}}</div>
  </mat-tab>
</mat-tab-group>