Open amoslai5128 opened 2 years ago
After installing this plug-in, an auto-import was missing, import './tailwind.css'; should be injected into main.ts to let tailwindcss work.
import './tailwind.css';
main.ts
It's my package.json:
"dependencies": { "@heroicons/vue": "^1.0.5", "autoprefixer": "^10.4.0", "core-js": "^3.20.0", "postcss": "^8.4.5", "register-service-worker": "^1.7.2", "tailwindcss": "^3.0.7", "vue": "^3.2.26", "vue-class-component": "^8.0.0-rc.1", "vue-router": "^4.0.12", "vuex": "^4.0.2" }, "devDependencies": { "@types/chai": "^4.3.0", "@types/mocha": "^9.0.0", "@typescript-eslint/eslint-plugin": "^5.8.0", "@typescript-eslint/parser": "^5.8.0", "@vue/cli-plugin-babel": "^5.0.0-rc.1", "@vue/cli-plugin-eslint": "^5.0.0-rc.1", "@vue/cli-plugin-pwa": "^5.0.0-rc.1", "@vue/cli-plugin-router": "^5.0.0-rc.1", "@vue/cli-plugin-typescript": "^5.0.0-rc.1", "@vue/cli-plugin-unit-mocha": "^5.0.0-rc.1", "@vue/cli-plugin-vuex": "^5.0.0-rc.1", "@vue/cli-service": "^5.0.0-rc.1", "@vue/eslint-config-airbnb": "^6.0.0", "@vue/eslint-config-typescript": "^9.1.0", "@vue/test-utils": "^2.0.0-rc.18", "chai": "^4.3.4", "eslint": "^8.5.0", "eslint-plugin-import": "^2.25.3", "eslint-plugin-vue": "^8.2.0", "eslint-plugin-vuejs-accessibility": "^1.1.0", "typescript": "^4.5.4", "vue-cli-plugin-tailwind": "^3.0.0-beta.0" }
Seems to work for me.
After installing this plug-in, an auto-import was missing,
import './tailwind.css';
should be injected intomain.ts
to let tailwindcss work.It's my package.json: