（Angular 12）目标环境不支持动态 import() 语法，因此无法在脚本中使用外部类型“模块”

Question

我有以下动态导入代码在运行时导入一个 js 库：

export class AuthService {
    constructor() {
        import('https://apis.google.com/js/platform.js').then(result => {
            console.log(result)
        })
    }
}

但是，当我尝试构建/服务 Angular 项目时，我得到：

外部“https://apis.google.com/js/platform.js” - 错误：目标 环境不支持动态 import() 语法，所以它不是 可以在脚本中使用外部类型“模块” 你的意思是构建一个 EcmaScript 模块（'output.module: true'）？

此外，vs-code 突出显示import 如下：

我尝试在package.json 中添加"type": "module"，在tsconfig.json 中添加"module": "ESNext"，但没有成功。

我该如何解决这个问题？

Answer 1

动态导入仅适用于 ES2020。请检查您的 tsconfig.json 以了解您的目标版本。