相关疑难解决方法(0)

在没有 Vite 的情况下,在 Vue 3 (v3.2.10) 中安装 Tailwind CSS 时出现 PostCSS 8 错误(支持 PostCSS 8)

我正在使用没有 Vite 的Vue版本 3.2.10 并尝试安装Tailwind CSS版本2.2.14 (最新)

重要提示:Vue 版本 3.0.6 开始支持 PostCSS 8有关更新,请参阅 GitHub 文档中的“功能”下的第 3 点)

仔细遵循安装说明后,然后运行npm run serve我不断收到此错误:

error  in ./src/assets/main.css

Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
Run Code Online (Sandbox Code Playgroud)

这是我的 package.json 文件:

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.36",
    "@fortawesome/free-brands-svg-icons": "^5.15.4",
    "@fortawesome/free-regular-svg-icons": "^5.15.4",
    "@fortawesome/free-solid-svg-icons": "^5.15.4",
    "@fortawesome/vue-fontawesome": "^3.0.0-4",
    "@headlessui/vue": "^1.4.1",
    "core-js": "^3.6.5",
    "date-fns": "^2.23.0",
    "firebase": "^8.9.0", …
Run Code Online (Sandbox Code Playgroud)

vue.js tailwind-css vuejs3

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

tailwind-css ×1

vue.js ×1

vuejs3 ×1