小编Dmi*_*try的帖子

嵌套 Nuxt + Tailwind(请在配置中 *before* Tailwind 启用 CSS 嵌套插件)

使用 Nuxt v2.15.8 + Tailwind。在 npm run dev 和每次刷新之后使用的所有文件中都会发出有关嵌套的警告,例如

 WARN  in ./components/Cabinet/CabinetSidebar/CabinetSidebarMenu.vue?vue&type=style&index=0&lang=postcss&
Run Code Online (Sandbox Code Playgroud)

友好错误 18:24:59

    Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):                           
Run Code Online (Sandbox Code Playgroud)

友好错误 18:24:59 警告

    (99:2) Nested CSS was detected, but CSS nesting has not been configured correctly.
    Please enable a CSS nesting plugin *before* Tailwind in your configuration.
    See how here: https://tailwindcss.com/docs/using-with-preprocessors#nesting
Run Code Online (Sandbox Code Playgroud)

文件 nuxt.config.js

import 'reflect-metadata'
import { join } from 'path'
const isProd = process.env.NODE_ENV === 'production'
export default {

    head: {...},

    css: ['~assets/css/styles.css'],
    loading: false,

    components: {
        dirs: ['~/components', '~/components/Base'],
    }, …
Run Code Online (Sandbox Code Playgroud)

nuxt.js tailwind-css

6
推荐指数
1
解决办法
3861
查看次数

标签 统计

nuxt.js ×1

tailwind-css ×1