Назначение импорта не может использоваться при настройке модулей ECMAScript 2015

Я пытаюсь использовать следующую строку:

import Clipboard = require('clipboard');

и я получаю следующую ошибку:

   [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.

Ошибка в этой строке:

import Clipboard = require('clipboard');

Я пробовал:

import * as Clipboard from 'clipboard';

и некоторые другие варианты, но не могли понять, как это исправить.

Я использую typescript 2.0.0

Любые идеи?

Ответ 1

Я столкнулся с той же проблемой, что и вы.

В файле tsconfig.json я заменил:

"module": "es6"

"module": "commonjs"

и перезапустил терминал. Это сработало.

Ответ 2

У меня была такая же проблема, и я изменился на:

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

исправил проблему. Файл globals.ts находится в главной папке app, и я загружаю его из services подпапок.

Ответ 3

Если вы используете Angular CLI: мне удалось скомпилировать мой проект после того, как я установил значение module в es2016 в файле src/tsconfig.app.json.

Ответ 4

Попробуйте установить модуль как commonjs в tsconfig

Вы можете попробовать этот пример, используя webpack здесь

Ответ 5

У меня была такая же проблема после обновления моего vsCode.

просто замените на "module": "es5"

в "module": "commonjs" в tsconfig.app.json