如何将@angular/material 添加到旧的 angular 项目中？

Question

我使用npm i @angular/material安装了@angular /material 但每次我使用npm start启动 angular 应用程序时都会引发以下错误：

node_modules/@angular/material/index.d.ts' is not a module

我的 package.json 的切片：

  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.4",
    "@angular/cli": "~8.3.4",
    "@angular/compiler-cli": "~8.2.5",
    "@angular/language-service": "~8.2.5",
    "@types/node": "~8.9.4",

我尝试了不同版本的 angular-material 但仍然遇到相同的错误。

Answer 1

你可以通过 angular-cli 做到这一点：

ng add @angular/material

ng add 命令将安装 Angular 材料、组件开发工具包 (CDK)、Angular 动画，并询问您以下问题以确定要包含哪些功能：

• 为自定义主题选择预建主题名称或“自定义” ：您可以从预建材料设计主题中进行选择或设置可扩展的自定义主题。

• 设置全局 Angular 材质排版 styles ：是否将全局排版 styles 应用于您的应用程序。

• 为 Angular 材料设置浏览器动画：将 BrowserAnimationsModule 导入应用程序可启用 Angular 的 animation 系统。 拒绝此项将禁用 Angular 材质的大部分动画。

你可以在这里阅读更多https://material.angular.io/guide/getting-started