Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

338
Visualizações
Angular 8 - Módulos de carga diferida: Error TS1323: la importación dinámica solo se admite cuando el indicador '--module' es 'commonjs' o 'esNext'

Cuando actualicé Angular de 7 a Angular 8, obtuve un error para los módulos de carga lenta

He probado las opciones, que están en la guía de actualización angular

Hizo los siguientes cambios:

Antes

 loadChildren: '../feature/path/sample- tage.module#SameTagModule'

Después

 loadChildren: () => import('../feature/path/sample- tags.module').then(m => m.CreateLinksModule)

error TS1323: la importación dinámica solo se admite cuando el indicador '--module' es 'commonjs' o 'esNext'.

over 4 years ago · Santiago Trujillo
10 Respostas
Responde à pergunta

0

Solo agregando a la respuesta de @Tony, es posible que también deba hacer lo mismo (cambiar a "módulo": "esnext") en tsconfig.app.json. En mi caso, tsconfig.json ya estaba usando esnext como módulo, pero tsconfig.app.json todavía estaba usando es2015 y eso causó este error.

over 4 years ago · Santiago Trujillo Relatório

0

Está utilizando la importación dinámica, por lo que debe cambiar su tsconfig.json de esta manera para orientar su código al módulo esnext

 { "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "module": "esnext", // add this line "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "importHelpers": true, "target": "es2015", "typeRoots": [ "node_modules/@types" ], "lib": [ "es2018", "dom" ] } }

También asegúrese de verificar que tsconfig.app.json no tenga un módulo y una configuración de destino similar a esta

 { "extends": "./tsconfig.json", "compilerOptions": { "outDir": "./out-tsc/app", "types": [] }, "include": [ "src/**/*.ts" ], "exclude": [ "src/test.ts", "src/**/*.spec.ts" ] }
over 4 years ago · Santiago Trujillo Relatório

0

Solo quiero agregar mi experiencia a la respuesta de @Tony. Después de cambiar tsconfig.json , todavía mostraba un error (subrayado rojo). Solo después de volver a abrir el editor (utilicé VSCode) vi desaparecer el subrayado rojo.

over 4 years ago · Santiago Trujillo Relatório

0

Creo que la forma correcta de hacer esto es ajustar tsconfig.app.json en lugar de tsconfig.json .

tsconfig.app.json

 { "extends": "../tsconfig.json", "compilerOptions": { "outDir": "../out-tsc/app", "baseUrl": "./", "module": "esnext", "types": [] }, "exclude": [ "test.ts", "**/*.spec.ts" ] }

tsconfig.app.json es el archivo de configuración de TypeScript específico de la aplicación que se encuentra debajo de la raíz del espacio de trabajo de Angular. El tsconfig.app.json existe para que si está creando un espacio de trabajo Angular que tiene varias aplicaciones, puede ajustar la configuración de Typescript por separado para cada aplicación sin tener que escribir propiedades de configuración redundantes que se superponen entre las aplicaciones (de ahí la propiedad extends ).

Técnicamente, no necesita tsconfig.app.json en absoluto. Si lo borra, tendrá que colocar el "module": "esnext" en tsconfig.json . Si lo mantiene allí, tendrá prioridad sobre tsconfig.json , por lo que solo necesita agregar la línea "module":"esnext" en tsconfig.app.json .

over 4 years ago · Santiago Trujillo Relatório

0

Resuelvo este error siguiendo los pasos del paso 1: "módulo": "es2015" a "módulo": "AMD" en tsconfig.json

paso 2: cree un nuevo archivo tsconfig.app.json en el directorio raíz de la aplicación, copie el código de Tony Ngo y péguelo, entonces este problema se resolverá.

over 4 years ago · Santiago Trujillo Relatório

0

Resolví este problema solo agregando "include": ["src/**/*.ts"] en mi archivo tsconfig.app.json.

over 4 years ago · Santiago Trujillo Relatório

0

Mi versión angular es 8.2 y la arreglé simplemente cambiando "módulo": "es2015" a "módulo": "es2020"

over 4 years ago · Santiago Trujillo Relatório

0

Si está utilizando el marco Ionic y VSCode, ¡necesita actualizar su versión IDE de Typescript (> 4)!

over 4 years ago · Santiago Trujillo Relatório

0

Simplemente actualice la versión angular dando el siguiente comando. Los errores desaparecerán.

ng update @angular/core @angular/cli --next

Después de eso, cambie el destino y el módulo en el archivo tsconfig.json

 "target": "esnext", "module": "esnext",
over 4 years ago · Santiago Trujillo Relatório

0

Tuve este problema con angular 13, noté que algunos servicios tenían este problema mientras que otros no, la diferencia era

 @import { Injectable } from '@angular/core/';

mientras que esto se compiló perfectamente sin problemas en angular 9, pero la solución fue eliminar / al final para convertirse en '

 @import { Injectable } from '@angular/core';
over 4 years ago · Santiago Trujillo Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda