personalizadas - directivas angular 6

La asignación de importación no se puede utilizar cuando se dirigen a los módulos de ECMAScript 2015

Question

Estoy tratando de usar la siguiente línea:

import Clipboard = require(''clipboard'');

y me sale el siguiente error:

   [default] c:/xampp/htdocs/isitperfect/node_modules/angular2-clipboard/src/clipboard.directive.ts:2:0 
Import assignment cannot be used when targeting ECMAScript 2015 modules. Consider using ''import * as ns from "mod"'', ''import {a} from "mod"'', ''import d from "mod"'', or another module format instead.

El error está en esta línea:

import Clipboard = require(''clipboard'');

Lo intenté:

import * as Clipboard from ''clipboard'';

y algunas otras variaciones, pero no supo cómo solucionarlo.

Estoy usando mecanografiado 2.0.0

¿Algunas ideas?

Answer 1

En caso de que esté utilizando Angular CLI: pude compilar mi proyecto después de haber establecido el valor del module en es2016 en el archivo src/tsconfig.app.json .

Answer 2

Intente configurar el módulo como commonjs en tsconfig

Puedes probar este ejemplo usando webpack here

Answer 3

Me enfrentaba al mismo problema que tú.

En el archivo tsconfig.json reemplacé:

"module": "es6"

con

"module": "commonjs"

y reinicie el terminal. Funcionó.

Answer 4

Tuve el mismo problema y cambiando a:

import * as myGlobals from "../globals";

arreglado el problema El archivo globals.ts está en la carpeta principal ''app'', y lo estoy cargando desde los ''servicios'' de la subcarpeta.