不能在我的Angular Project中安装Tailwind CSS

Question

我一直在尝试在我的角度项目中安装尾风，但没有成功。除此之外，我什至还创建了一个来自0的Angular项目，以尝试进行基本的安装，但我都无法进行。 我已经制作了本快速指南中出现的所有配置，包括更改自定义WebPack Builder和Angular.json配置的应用程序构建器。 NG服务上的流动错误：

依赖性包装：json：

"dependencies": {
    "@angular-builders/custom-webpack": "^9.1.0",
    "@angular/animations": "~9.0.1",
    "@angular/cli": "^9.1.12",
    "@angular/common": "~9.0.1",
    "@angular/compiler": "~9.0.1",
    "@angular/core": "~9.0.1",
    "@angular/forms": "~9.0.1",
    "@angular/platform-browser": "~9.0.1",
    "@angular/platform-browser-dynamic": "~9.0.1",
    "@angular/router": "~9.0.1",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.900.2",
    "@angular/compiler-cli": "~9.0.1",
    "@angular/language-service": "~9.0.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "postcss-import": "^12.0.1",
    "postcss-loader": "^4.0.2",
    "postcss-scss": "^2.1.1",
    "protractor": "~5.4.3",
    "tailwindcss": "^1.8.10",
    "ts-node": "~8.3.0",
    "tslint": "~5.18.0",
    "typescript": "~3.7.5"
  }

最终我解决了降级POSTCSS-LOADER

。看来它不使用4.0版本，我必须手动将3.0放置：

npm uninstall postcss-loader --save-dev
npm install postcss-loader@~3.0.0 --save-dev

我希望它对您有帮助。在角度和尾风环境中的某些配置可能仍然会失败，如果有人需要任何其他配置的帮助，请随时与我联系。
    

Answer 1

希望这有帮助：

npm install -D tailwindcss@3 postcss autoprefixer
npx tailwindcss init