为什么我需要使用 npm i tailwindcss@npm:@tailwindcss/postcss7-compat 而我只能做 npm i tailwind?

Why do I need to use npm i tailwindcss@npm:@tailwindcss/postcss7-compat when i can just do npm i tailwind?

TailwindCSS getting started guide 告诉我使用这个命令安装它自己:

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

为什么我不能这样做:

npm install -D tailwindcss postcss autoprefixer

我不明白为什么 npm 安装名称这么长,@ 符号的作用是什么,以及第一个命令是否与第二个命令不同。如果有人能指出正确的方向,我将不胜感激:)

就是这个原因。

Create React App doesn’t support PostCSS 8 yet so you need to install the Tailwind CSS v2.0 PostCSS 7 compatibility build for now

您正在安装的是与 CRA 一起使用的特殊兼容性版本。

关于@npm 的意思请看 https://docs.npmjs.com/cli/v7/commands/npm-install#:~:text=is%20not%20valid.-,npm%20install%20%3Calias%3E%40npm%3A%3Cname%3E,-%3A

Install a package under a custom alias.

参见 https://www.npmjs.com/package/@tailwindcss/postcss7-compat。这是您正在安装的名为 tailwindcss

的软件包