小编Nad*_*han的帖子

当所有集成过程完成后,Tailwindcss 在 Vue.js 中不起作用?

我将 tailwindcss 安装到 vuejs SPA 中,所有设置都创建了 asset/css/tailwind.css 并添加了必要的基本样式,将其导入到 main.js 文件中创建了 postcss.config.js 文件并从官方复制了所需的配置文档,但顺风样式不适用于我的标记。

tailwind.css 内部:

    @tailwind base;
    
    @tailwind components;
    
    @tailwind utilities;
Run Code Online (Sandbox Code Playgroud)

在 postcss.config.js 内:

    module.exports = { 
        plugins: [ 
            // ... 
            require("tailwindcss"),
            require("autoprefixer"), 
            // ... 
        ],
    }
Run Code Online (Sandbox Code Playgroud)

在 main.js 文件中:

    import Vue from "vue"
    import App from "./App.vue"
    import "./registerServiceWorker"
    import router from "./router"
    import store from "./store"
    import axios from "axios"
    import "./assets/css/tailwind.css"
    import firebase from "firebase/app"
    import "firebase/firestore"
    import "firebase/auth"
Run Code Online (Sandbox Code Playgroud)

package.json 文件:

    "dependencies": { 
        "autoprefixer": "^9.7.6",
        "axios": "^0.19.2",
        "core-js": …
Run Code Online (Sandbox Code Playgroud)

css sass less scss-mixins tailwind-css

5
推荐指数
1
解决办法
6191
查看次数

标签 统计

css ×1

less ×1

sass ×1

scss-mixins ×1

tailwind-css ×1