vite+Vue3项目，终端报错 error: Transforming async generator functions to the configured target environme...

vite+Vue3项目，终端报错 error: Transforming async generator functions to the configured target environme…

问题描述

项目运行一段时间后，.vite/deps里面的文件全部should be defined

问题原因

• 这个错误可能是是由于Vite目前还不支持将异步生成器函数转换为ES2015目标环境。这在Vue3的某些插件或配置中可能会遇到，特别是当使用Babel进行转译时。
• 这个错误提示也可能是因为你的项目正在试图将异步生成器函数（async generator functions）转换为目标环境"es2015"，但是目前不支持这种转换。

问题解决

• 网上大部分都是通过改变你的Babel配置，尝试将目标环境设置为"es2020"或"latest"，而不是"es2015"。

{  
  "presets": [  
    "@babel/preset-env",  
    {  
      "targets": {  
        "esmodules": true  
      },  
      "useBuiltIns": "usage",  
      "corejs": 3.8 // 或你正在使用的最新版本  
    }  
  ]  
}

• 如果你使用的是babel.config.js，那么它可能看起来像这样：

module.exports = {  
  presets: [  
    '@babel/preset-env',  
    {  
      targets: {  
        esmodules: true  
      },  
      useBuiltIns: 'usage',  
      corejs: 3.8 // 或你正在使用的最新版本  
    }  
  ]  
};

• 如果你没有上述的文件，那么它可能看起来像这样：

1. 在项目的根目录下创建一个.babelrc文件

2. 在.babelrc文件中添加以下配置

{  
  "presets": [  
    [  
      "@babel/preset-env",  
      {  
        "targets": {  
          "esmodules": true  
        },  
        "useBuiltIns": "usage",  
        "corejs": 3.8 // 根据你实际使用的corejs版本进行选择  
      }  
    ]  
  ],  
  "plugins": ["@babel/plugin-transform-runtime"]  
}

以上方法不行，尝试更改vite.config.ts文件（vue3+vite+ts项目）

把bulid里的target:“2015”,改成"2020".