按照官网的命令使用
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
出现如下错误 npm ERR! could not determine executable to run
`npm ERR!
A complete log of this run can be found in: C:\Users\Administrator\AppData\Local\npm-cache_logs\2025-05-24T07_09_25_220Z-debug-0.log 这是由于执行npm install -D tailwindcss postcss autoprefixer`命令后自动下载的是4.1.7版本
而官网的版本最高是3.4.17
解决方案是
执行如下命令安装
npm uninstall tailwindcss
npm install -D tailwindcss@3.4.17 postcss autoprefixer
然后执行命令
npx tailwindcss init -p
之后项目就会自动生成如下两个文件
修改配置文件tailwind.config.js
官网连接 安装 - TailwindCSS中文文档 | TailwindCSS中文网
`/** @type {import('tailwindcss').Config} */ module.exports = {
content: ["./src/**/*.{html,js}"],
theme: { extend: {}, },
plugins: [],
}
` 全局导入：
import '@/assets/tailwind.css'
之后就可以使用了
