Блог

Главная - Вопросы по программированию - Ошибка попутного ветра во время сборки с проектом vue

Ошибка попутного ветра во время сборки с проектом vue

#vue.js #tailwind-css #postcss

Вопрос:

Мой CSS-проект Vue2 Tailwind хорошо работает в dev. Но для производства у меня все еще есть проблема :

 cross-env NODE_ENV=production amp;amp; npx tailwindcss -i ./src/assets/styles/index.css -o ./dist/tailwind.css --minify amp;amp; vue-cli-service build

(node:19240) UnhandledPromiseRejectionWarning: Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

Я пытался использовать PostCSS8, а также версию Compat 7, которые упоминаются во многих сообщениях stackoverflow, но это абсолютно ничего не дает.

Любой способ заставить его работать под Vue 2 ?

Вот мой пакет.json :

 {
  "name": "myapp",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build:local": "SET NODE_ENV=production amp;amp; npx tailwindcss -i ./src/assets/styles/index.css -o ./dist/tailwind.css --minify amp;amp; vue-cli-service build",
    "build": "cross-env NODE_ENV=production amp;amp; npx tailwindcss -i ./src/assets/styles/index.css -o ./dist/tailwind.css --minify amp;amp; vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.21.1",
    "bootstrap": "^5.0.1",
    "bootstrap-vue": "^2.21.2",
    "core-js": "^3.6.5",
    "register-service-worker": "^1.7.1",
    "tldts": "^5.7.38",
    "vue": "^2.6.14",
    "vue-cookies": "^1.7.4",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@tailwindcss/postcss7-compat": "^2.2.7",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-pwa": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "autoprefixer": "^9.8.6",
    "babel-eslint": "^10.1.0",
    "cross-env": "^7.0.3",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "postcss": "^7.0.36",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.8",
    "vue-template-compiler": "^2.6.11"
  }
}

Комментарии:

1. Попробуйте все эти 4 «решения», не работает : exerror.com/error-postcss-plugin-tailwindcss-requires-postcss-8

Ответ №1:

у меня та же проблема. Если вы установите версию tailwind compat 2.1.4, она будет работать, но мне нужны некоторые исправления и функции, добавленные позже. Чтобы вы могли попробовать это исправление, внесите изменения в свой пакет.json

 - "@tailwindcss/postcss7-compat": "^2.2.7"
  "@tailwindcss/postcss7-compat": "2.1.4",

Если кто-то может заставить его работать выше 2.1.4, пожалуйста, ответьте здесь.

Метки: