Javascript 广告网格不是'；他表现得不好

我有一个角度4项目，基于

我正试图嵌入到我的项目中

至于第一步，我随后使用ag grid创建了一个新的示例项目。它运行良好，如下所示：

然后，我尝试将其嵌入到我的项目中，但现在看起来是这样的：

我看不出这两个项目之间的相关代码有任何区别，除了我从实际项目中删除了“红色组件”内容（但从示例项目中删除它不会损坏UI）

建造师(
) {
this.gridOptions={}；
this.gridOptions.columnDefs=[
{
头名：“ID”，
字段：“id”，
宽度：100
},
{
头名：“价值”，
字段：“值”，
宽度：100
},
];
this.gridOptions.rowData=[
{id:5，value:10}，
{id:10，value:15}，
{id:15，value:20}
]
}

我试着移除引导程序，但没有改变任何事情

---

我不知道如何解决或调查它，任何帮助都将不胜感激。如果您需要更多信息，请告诉我。

我会留下两个答案，以防对任何人都有帮助

角起动器 说明您需要在

src/styles

文件夹中创建一个文件，您可以在该文件夹中导入其他样式。然后您需要在

app.module.ts

文件中导入该文件。请注意，您可能需要重新启动

npm运行服务器

角型CLI 将以下内容添加到

angular cli.json

：

     "styles": [
         "../node_modules/ag-grid/dist/styles/ag-grid.css",
         "../node_modules/ag-grid/dist/styles/theme-fresh.css"
     ],

---

在angular-cli.json文件中添加样式后，请记住重新启动

{
“风格”：[
“./node_modules/ag grid/dist/styles/ag grid.css”，
“./node_modules/ag grid/dist/styles/theme fresh.css”
],
}

你看，我没有任何angle-cli.json文件。正如我所说的，我使用的是一个角度启动器。你可以看到它的源代码，也可以看到项目是如何构建的。很抱歉，根据starter Github自述文件，CSS文件应该放在

src/styles

文件夹中。没有更改。我猜在初学者中，我还需要配置一些东西，以便让angular/webpack/Whatever知道这些文件？！？您重新启动了npm运行服务器？是的，或者更准确地说，我只是因为它关闭才启动它。

     "styles": [
         "../node_modules/ag-grid/dist/styles/ag-grid.css",
         "../node_modules/ag-grid/dist/styles/theme-fresh.css"
     ],