Как установить и запустить файл определения typescript jquery/bootstrap локально, используя типизацию npm?

Что я пытаюсь сделать, устанавливая машинописный файл jquery и файл определения boostrap в моем новом проекте с использованием типизации npm.

Ниже приведены шаги, которые я выполнил.

1- откройте cmd и перейдите в папку моего текущего проекта и введите следующие команды.

Типы установки npm --global

типизация

типизация установить dt~jquery --global --save

типизация установить dt~boostrap --global --save

2- ниже моя конфигурация файла tsconfig { "compilerOptions": { "target": "es5", "module": "commonjs", "sourceMap": true, "rootDir": "./TS", "outDir": "./JS", "watch": true } }

Примечание. Я создал отдельную папку для файла TS и файла JS. Поэтому, когда транспилируется машинописный текст, он создает файл javascript в каталоге JS.

3- Добавить функцию document.ready в файл ts и написать предупреждение при загрузке страницы

4- Создайте и запустите файл index.html

Примечание. Я добавляю javascript-код переноса в раздел заголовка, поэтому нет необходимости упоминать здесь какой-либо код.

Ошибка: в окне консоли браузера отображается следующая ошибка:

myscript.ts:2 Uncaught ReferenceError: $ не определен

Вот мой репозиторий.

Пожалуйста, помогите мне здесь. Что я делаю неправильно для установки jquery в моем проекте.


person Ahmer Ali Ahsan    schedule 21.09.2016    source источник


Ответы (1)


Насколько я вижу из вашего представителя, вы забыли загрузить фактический бутстрап и jquery на свою страницу. Определения машинописного текста предоставляют транспилятору машинописного текста только информацию о содержимом собственных библиотек во время компиляции. Сами библиотеки должны быть загружены в ваш index.html. Вы можете сделать это двумя способами:

  1. Добавьте ссылки на bootstrap и jquery, как описано в их руководствах. Это простой, хотя и не самый предпочтительный способ в современном мире модульных клиентских приложений.
  2. Используйте загрузчик модулей (например, SystemJS). Однако это потребует некоторой настройки. Начните с чтения их документов, пример конфигурации вы можете найти здесь

Надеюсь, это поможет вам начать работу.

person Amid    schedule 21.09.2016
comment
Боюсь, я не могу ответить на этот вопрос. - person Amid; 21.09.2016
comment
Я проголосовал против, потому что вы сказали, что я добавляю внешние файлы javascript в раздел заголовка, хотя вы явно этого не делаете в связанном репо. Вопросы SO должны быть автономными; если они не самодостаточны, они должны, по крайней мере, быть правдивыми в отношении того, что связано с проблемой. - person Ryan Cavanaugh; 21.09.2016
comment
@RyanCavanaugh, я имею в виду. Я добавил транспайл javascript в заголовок. Пожалуйста, перепроверьте мой вопрос еще раз. Я отредактировал его. - person Ahmer Ali Ahsan; 24.09.2016
comment
@RyanCavanaugh Для получения дополнительных разъяснений я отредактировал свой вопрос, пожалуйста, еще раз просмотрите его, и если вы снова обнаружите, что что-то неясно в моем вопросе, дайте мне знать. - person Ahmer Ali Ahsan; 24.09.2016