javascript - (Angular 12) The target environment doesn't support dynamic import() syntax so it's not possible to

admin管理员组

文章数量:1436135

I have the following dynamic import code to import a js library at runtime:

export class AuthService {
    constructor() {
        import('.js').then(result => {
            console.log(result)
        })
    }
}

However when I try to build/serve the Angular project I get:

external ".js" - Error: The target environment doesn't support dynamic import() syntax so it's not possible to use external type 'module' within a script Did you mean to build a EcmaScript Module ('output.module: true')?

In addition, vs-code highlights the import with the following:

I tried adding "type": "module" in package.json and "module": "ESNext" in tsconfig.json, but with no luck.

How can I fix this?

I have the following dynamic import code to import a js library at runtime:

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

However when I try to build/serve the Angular project I get:

external "https://apis.google./js/platform.js" - Error: The target environment doesn't support dynamic import() syntax so it's not possible to use external type 'module' within a script Did you mean to build a EcmaScript Module ('output.module: true')?

In addition, vs-code highlights the import with the following:

I tried adding "type": "module" in package.json and "module": "ESNext" in tsconfig.json, but with no luck.

How can I fix this?

• javascript
• angular
• typescript
• webpack

Share Improve this question Follow asked Jul 6, 2021 at 16:38 Two HorsesTwo Horses 1,71233 gold badges1919 silver badges4343 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

Dynamic imports only works since ES2020. Please, check your tsconfig.json in order to know what version is your target.

本文标签：