Невозможно импортировать модуль toastr с Angular 2

Question

Я создаю приложение Angular 2 с версией 2.0.0-alpha.46 и пытаюсь импортировать модуль toastr.

Я скачал библиотеку, а также скачал файл определенного типа.

На моей HTML-странице я добавляю <script> тег для файла.js:

<script src="./src/libs/toastr/toastr.min.js"></script>

В Visual Studio Code я пытаюсь импортировать модуль следующим образом:

import * as toastr from 'toastr';

После этого я могу вызвать toastr.info('message') в моем компоненте - я даже получаю intellisense; Однако, когда я на самом деле пытаюсь загрузить веб-страницу, я получаю ошибку 404 /src/toastr not found.

Если я попытаюсь получить точную информацию о том, как найти точно определенный тип файла:

import * as toastr from '../../definitions/toastr/toastr';

Я получу "[полный путь к модулю TS] не является модулем."

Я также попытался добавить ///<reference path="../../toastr.d.ts" /> в начало файла, который я использую для импорта модуля безрезультатно.

У кого-нибудь есть представление о том, что может происходить? Я рисую пробел на том, что я могу ошибаться. Заранее спасибо.

Answer 1

Я думаю, что toastr.min.js Файл не содержит модуль вообще. Насколько я понимаю, файлы определений TypeScript помогут вам определить методы и структуры, используемые библиотекой toastr. Это полезно в вашей IDE для завершения кода. Этот файл определения фактически не создает модуль, который можно использовать во время выполнения...

Это означает, что вы можете использовать непосредственно toastr Объект напрямую, без необходимости импортировать его так: import * as toastr from '...';,

Вот соответствующий план: https://plnkr.co/edit/wzdoisKBrZYTeSX8r7Nd?p=preview.

Надеюсь, что это имеет смысл. Thierry