CSS之樣式無效BUG的修復

罗毅豪發表於2024-05-15

今天開發一個新頁面,但是很神奇的是Vue頁面<style scoped lang="less">里加上的樣式全部無效。

後來,經過排查,發現是路由配置的問題。

即是

{
  name: "CalcFormulaEdit",
  path: "/calcFormulaEdit",
  component: (res) =>
    import("../modules/new_collect/views/CalcFormulaEdit.vue"),
},

這一配置的檔案路徑最後的檔名首字母的大小寫寫錯了,所以導致頁面樣式全部無效。

相關文章