Currently, I am utilizing Angular CLI 11.0.6 on NodeJS 14.15.4 to develop a web application for expanding my knowledge of Angular (11.0.7) in conjunction with TailwindCSS 2.0.2. Following a tutorial to install Tailwind, I had previously integrated Angular Material into the project. However, upon adding Material, I encountered issues when attempting to run the code. Executing ng s
resulted in an error message:
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.
I suspect that this issue arose due to modifications made to the angular.json file as per the tutorial's instructions:
"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",
...
}
...
},
The lines marked with + denote additions while those with - signify removals. If possible, please assist me in resolving this issue, as I am diligently learning Angular in hopes of securing employment during these challenging times. Thank you for taking the time to read or help.