Vue+Vite 项目进入页面即报异常，如何解决？

Question

进页面就报异常 vue+vite

进页面就报异常 vue+vite

Answer 1

报错报的很明显，浏览器版本低，不支持js新特性

Answer 2

参考这里
vite+vue3项目中报错：TypeError: Promise.allSettled is not a function

有以下三种解决方案

1.升级环境： 确定你的浏览器或 Node.js 版本支持Promise.allSettled。对于浏览器，使用最新版本通常可以解决问题。对于 Node.js，确保版本在 v12.9.0 及以上。

2.使用 Polyfill： 如果无法升级环境，可以使用 Polyfill 来增加对 Promise.allSettled 的支持。你可以使用 core-js 这样的库。首先，安装 core-js：

npm install core-js

然后，在你的项目入口文件中引入 Polyfill：

import 'core-js/features/promise/all-settled';

3.检查构建配置： 确认你的构建工具（如 Vite、Webpack 等）没有将代码转译为不兼容的版本。通过配置构建工具，你可以指定目标环境，使其生成的代码与目标环境兼容。例如，在 Vite 中，你可以在 vite.config.js 文件中设置 build.target 选项：

export default {
  build: {
    target: 'es2019' // 或其他你需要的目标版本
  }
}