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

Question

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

tailwind.css 内部：

    @tailwind base;
    
    @tailwind components;
    
    @tailwind utilities;

在 postcss.config.js 内：

    module.exports = { 
        plugins: [ 
            // ... 
            require("tailwindcss"),
            require("autoprefixer"), 
            // ... 
        ],
    }

在 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"

package.json 文件：

    "dependencies": { 
        "autoprefixer": "^9.7.6",
        "axios": "^0.19.2",
        "core-js": "^3.6.4",
        "firebase": "^7.14.2",
        "register-service-worker": "^1.7.1",
        "tailwindcss": "^1.4.0",
        "vue": "^2.6.11",
        "vue-router": "^3.1.6",
        "vuex": "^3.1.3"
    },

我不知道做错了什么。

Answer 1

来自Tailwind Vue 文档：

在您描述的步骤之后，需要再次运行 vue。