这个报错警告应该是最近element plus更新和sass更新冲突导致的,网上说在vite.config.js中配置css设置有效,如下:

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "@/variables.scss" as *;`, // 导出全局变量和 mixin
      },
    },
  },
});
 

但是,本人配置了还是无效,经过一天的摸索,只需锁定element-plus和sass版本就可以了,如下版本直接替换到项目中,然后删除node_modules包,注意,如果有package-lock.json文件,需要删除该文件后重新安装依赖。

"element-plus": "2.8.0",

"sass": "1.77.6",

以上两个版本都是稳定版本,在项目中可以放心使用,这些更新其实就是一些规则的变化导致报错以及一些警告,最后说一句,sass真恶心。

如果对你有帮助,请点个赞吧~

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐