Html 角度应用程序-材料设计_Html_Css_Angularjs

Html 角度应用程序-材料设计

html css angularjs

Html 角度应用程序-材料设计,html,css,angularjs,Html,Css,Angularjs,我正试图在没有任何运气的情况下将材质设计添加到一个有角度的应用程序中我安装了material design，将所有模块添加到app.moduel.ts文件中，但组件看起来非常糟糕我收到以下消息：找不到角材质核心主题。大多数材料组件可能无法按预期工作。有关更多信息，请参阅主题指南：我将链接添加到index.html文件的头部但由于某种原因，我得到了一个状态代码：404未找到。我试图将css文件添加到资产中，但没有成功这有点奇怪，因为如果你在github上查看示例应用程序的材质设计，没有

我正试图在没有任何运气的情况下将材质设计添加到一个有角度的应用程序中

我安装了material design，将所有模块添加到

app.moduel.ts

文件中，但组件看起来非常糟糕

我收到以下消息：

找不到角材质核心主题。大多数材料组件可能无法按预期工作。有关更多信息，请参阅主题指南：

我将链接添加到index.html文件的头部

但由于某种原因，我得到了一个

状态代码：404未找到

。我试图将css文件添加到资产中，但没有成功

这有点奇怪，因为如果你在github上查看示例应用程序的材质设计，没有指向任何主题css文件的链接

我的index.html文件如下所示：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>M2App</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

</head>
<body>
  <app-root>Loading...</app-root>
</body>
</html>


M2App
加载。。。

这实际上取决于你如何构建和设置你的应用程序，但是与

状态代码：404未找到相关的错误我认为这是因为从index.html到“node\u modules/@angular/material/prebuilded themes/indigo pink.css”
的相对路径找不到，并且附加一些。/../
会有所帮助
主题化指南文档参考：
或者，您可以直接引用该文件。这看起来像：

实际路径取决于您的服务器设置