我正在嘗試訪問組件內的 Tailwind 類。
我在 Nuxt js 上使用 Tailwindcss。
我可以完美地通過模板訪問它。問題是當我嘗試訪問標簽內的類時
<style lang="scss" scoped>
.el-menu-item.is-active {
@apply .bg-black
}
</style>
錯誤
本
.bg-back類不存在。如果.bg-back是自定義類，請確保它是在@layer指令中定義的。48 | 49 | .el-menu-item.is-active { 50 | @apply .bg-back | ^ 51 | }
更新
主檔案
@tailwind base;
@tailwind components;
@tailwind utilities;
組態檔
css: ['@/assets/css/main'],
uj5u.com熱心網友回復：
你應該使用 'bg-black' 而不是 '.bg-black'; 'bg-black' 是類名，'.bg-black' 是一個 css 選擇器。只需洗掉點，它應該沒問題。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/388477.html
標籤：Vue.js nuxt.js Vuejs3 顺风-css
上一篇：如何在vue中使用選擇框選項？