时间戳

首页 > 解决方案 > Angular Material 11.0.3 + Tailwind CSS 不起作用

angular - Angular Material 11.0.3 + Tailwind CSS 不起作用

问题描述

我在 NodeJS 14.15.4 上使用 Angular CLI 11.0.6 来制作一个用于学习 Angular(11.0.7) 和 TailwindCSS 2.0.2 的 Web 应用程序。我按照本教程安装 Tailwind，但在此之前我添加了 Angular Material。但是添加材料后，我似乎无法运行代码。尝试执行ng s 会出错

Your project is not using the default builders for "build". The Angular Material schematics cannot add a theme to the workspace configuration if the builder has been changed.

我相信这是因为教程让我更改了angular.json文件

"architect": {
  "build": {
-   "builder": "@angular-devkit/build-angular:browser",
+   "builder": "ngx-build-plus:browser",                   
    "options": {
+     "extraWebpackConfig": "webpack.config.js",
      ...
    }
    ...
  },
  "serve": {
-   "builder": "@angular-devkit/build-angular:dev-server",
+   "builder": "ngx-build-plus:dev-server",
    "options": {
+     "extraWebpackConfig": "webpack.config.js",
      ...
    }
    ...
  },
  "test": {
-   "builder": "@angular-devkit/build-angular:karma",
+   "builder": "ngx-build-plus:karma",
    "options": {
+     "extraWebpackConfig": "webpack.config.js",
      ...
    }
    ...
  },

因此，添加了以+开头的行并删除了- 。如果可以的话，请帮助我，因为我正在学习 Angular，以便在这些困难时期找到一份工作。非常感谢您的帮助或阅读本文。

标签： angulartypescriptwebpackangular-materialtailwind-css

解决方案

用于ng add添加 Angular 材质，现在一切正常。感谢 Linh。

推荐阅读