VUE3+VITE 爬坑笔记

Vue3+Vite 更新sass版本运行报错解决：

Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated
and will be removed in Dart Sass 2.0.0.

解决办法：
找到vite.config.mts | vite.config.ts | vite.config.js文件增加：

export default defineConfig({
  // 设置scss的api类型为modern-compiler  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern-compiler'
      }
    }
  }
}})

如果加了运行还是报同样的错误，看下vite版本是多少，要保证在5.4.0及以上
Vite版本改为5.4.0运行如果报：

启动项目报错error when starting dev server: TypeError:
crypto$2.getRandomValues is not a function的问题

解决办法
①、要么这两个依赖降级到4版本后在启动就不会在报错了
②、要么升级node到18版本以上
我选择升级node版本

nvm install 18  // 下载18node版本包
nvm use 18  // 切换到18

如果找不到nvm装到哪里了，可运行where nvm查看
这个时候运行启动就不会报错了

查了一上午的文档，终于解决啦！希望可以帮助到你们~