Top-level await 新特性（ERROR: Top-level await is not available in the configured target environment (“chrome87”.....}）

Top-level await 新特性

「ECMAScript」提案 Top-level await 由 Myles Borins 提出，它可以让你在模块的最高层中使用 await 操作符。在这之前，你只能通过在 async 函数或 async generators 中使用 await 操作符。Top-level await 是个新特性，打包不支持此特性

所以在js文件中直接写await，在打包时会报错：

Top-level await is not available in the configured target environment, “edge88”, “es2019”, “firefox78”, “safari13.1”)

 解决方法：

1.引入vite-plugin-top-level-await

?

1	npm install vite-plugin-top-level-await -D

2.在vite.config.js配置此插件

?

1 2 3 4 5 6 7 8 9 10 11 12

import topLevelAwait from 'vite-plugin-top-level-await'   export default defineConfig({   plugins: [     topLevelAwait({       // The export name of top-level await promise for each chunk module       promiseExportName: '__tla',       // The function to generate import names of top-level await promise in each chunk module       promiseImportName: i => `__tla_${i}`     })   ] });

　　

 

转载自：https://blog.csdn.net/qq_43649223/article/details/127790918

 

 

 

 

 

 

 

 

 

 

 

翻译

搜索

复制