順風 Angular 13

Question

當我運行時：ng add @ngneat/tailwind

我收到此錯誤：發生未處理的異常：不支持：關鍵字“id”，使用“$id”作為模式 ID！！！！！！！

代碼。

Angular 客戶端 v：13.1.2

npm 版本：8.3.0

節點 v：17.2.0

贏 10 64

Answer 1

這對ngneat的人來說是一個懸而未決的問題，也需要他們解決。

我將分享鏈接問題中提供的修補程序。 Kingjordan的所有學分：

Thanks to @kingjordan for his solution.

Install the dependencies:

npm install tailwindcss@latest @ngneat/tailwind@latest

Create a configuration file for Tailwind CSS at the root of your workspace:

npx tailwindcss init

Add purge configurations:

module.exports = {
  ...
  purge: {
    enabled: guessProductionMode(),
    content: [ "<path/to/project/**/*.{html, ts, jsx, etc}>" ],
  },
  ...
}

Import Tailwind CSS styles into the root styles file of your project.

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

Answer 2

只需嘗試使用低於 11.2.0 的 angular 版本的順風安裝步驟：

https://dev.to/angular/setup-tailwindcss-in-angular-the-easy-way-1i5l#:~:text=in%203%20MINUTES,-.Installing%20TailwindCSS%20(Angular%20version%20 %3E%3D%2011.2,0),-If%20your%20Angular

Answer 3

安裝 Tailwind CSS 和 Angular

https://tailwindcss.com/docs/guides/angular

Tailwind 現在由 angular 正式支持，因此無需依賴社區支持@ngneat/tailwind Package。