Что делать с этой ошибкой выполнения tailwindcss, которая может не зависеть от самого tailwindcss?
[vite-node] [plugin:vite:css] [@tailwind base; @tailwind components; @tailwind utilities; ] /assets/css/tailwind.css
@tailwind base;
@tailwind components;
@tailwind utilities;
Возможно, эта ошибка при сборке проекта как-то связана с проблемой tailwindcss. ошибка 2
Отчет об ошибках
Я застрял на этой проблеме, не могу вспомнить, что я делал с проектом, чтобы получить эту ошибку, все началось с того, что я переустановил модуль tailwindcss, когда хотел переключиться на что-то другое, но решил вернуться, и после некоторых других изменений в пакетах, может из-за обновления с Nuxt 3.3.1 на 3.4.0 начались какие-то ошибки, но самое главное, что когда я откатывал проект на предыдущую версию, где не было этой ошибки и все работало нормально и эта ошибка все еще остается, когда я несколько раз перепроверил все этапы установки и настройки tailwindcss.
Спасибо!
Я сделал это. @КорнелРайу
Ответы 2
Что ж, я прочитал ваш код и дам вам несколько советов, надеюсь, они сработают. Прежде всего, переустановите свой node-module. Во-вторых, попробуйте этот код в своем nuxt.config.ts, потому что я видел, что вы добавляете в него модули, но не добавляете туда css:[] попробуйте следующее:
export default defineNuxtConfig({
css: ['~/assets/css/tailwind.css'],
});
и я предлагаю удалить этот раздел из вашего nuxt.config.ts:
tailwindcss: {
configPath: "~/tailwind.config.js",
},
если вам нужно написать это, сделайте это следующим образом:
postcss: {
plugins: {
tailwindcss: {},
},
},
Я надеюсь, что эти советы помогут вам решить вашу проблему, и напишите документ попутного ветра на nuxt3.
Я смог локализовать свою проблему! Все дело в неправильном синтаксисе tailwind.config. код проблемного плагина:
const plugin = require('tailwindcss/plugin')
module.exports = plugin(function ({ addVariant }) {
addVariant({
pointing: ['@media (min-width: 1024px) &:hover', '&:focus-within'],
})
})
Правильный код:
const plugin = require('tailwindcss/plugin')
module.exports = plugin(function ({ addVariant }) {
addVariant('pointing', [
'@media (min-width: 1024px) &:hover',
'&:focus-within',
])
})
вам нужно поделиться еще немного кода. То, что вы добавили в «Отчет об ошибках», недостаточно. Там нет соответствующего кода CSS или JS, который я вижу