Question

我在angular cli中运行命令'ng add @ angular / material'。这些问题就会出现。我将Angular 6用于MEAN Stack应用程序。

错误消息：通过npm安装工具包。您的项目未使用默认配置进行构建和测试。 Angular Material原理图只能在默认配置下使用

Answer 1

我自己碰到它，并从这里https://github.com/angular/material2/issues/11438

获得了解决方案。

显然，angular.json文件中存在无效密钥，其中targets需要重命名为architect

{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "project-name": { "root": "", "sourceRoot": "src", "projectType": "application", "prefix": "app", "schematics": {}, ------>"architect": { <--------- originally targets "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/project-name", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.app.json", "assets": [ "src/favicon.ico", "src/assets" ], ...

Answer 2

我有同样的问题。我的项目未使用默认的构建器，因此遇到了相同的错误。
我使用ng new my-app创建了默认项目，并在其中安装了角材料。
然后，我比较了默认angular.json和我的angular.json之间的区别，发现我的文件在styles选项中不包含角材料库的路径。我像这样手动复制它们，一切正常！

"assets": [
    "src/assets",
    "src/favicon.ico"
  ],
  "styles": [
    "src/styles.css",
--> "node_modules/@angular/material/prebuilt-themes/indigo-pink.css", <-- I added this line
    "node_modules/semantic-ui-css/semantic.min.css",
    "node_modules/@okta/okta-signin-widget/dist/css/okta-sign-in.min.css"
  ],
  "scripts": []
},

您的项目未使用默认配置进行构建和测试

2 个答案: