Внешний модуль Jquery для Angular7 - неожиданный идентификатор

Question

Мне трудно преобразовать шаблон jquery в angular7.Исходный шаблон имеет свою собственную папку ресурсов, которая содержит несколько файлов .js, которые мне нужно загрузить, чтобы заставить его работать.

Когда я запускаю приложение с: ng serve В браузере появляется следующая ошибка:

import $ из 'jquery';Uncaught SyntaxError: Неожиданный идентификатор

tsconfig.json

 "types": [ "jquery" ],

angular.json, по сценариям

 "scripts": ["./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.js",
          "./src/assets/js/SEVERAL_JS_FILES.js"]

package.json

 "dependencies": {
"@angular/animations": "^5.2.0",
"@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0",
"@angular/core": "^5.2.0",
"@angular/forms": "^5.2.0",
"@angular/http": "^5.2.0",
"@angular/platform-browser": "^5.2.0",
"@angular/platform-browser-dynamic": "^5.2.0",
"@angular/router": "^5.2.0",
"bootstrap": "^4.1.3",
"core-js": "^2.4.1",
"rxjs": "^5.5.6",
"tslib": "^1.9.0",
"zone.js": "^0.8.19",
"popper.js": "^1.14.4",
"jquery": "^3.3.1",

},

Может ли кто-нибудь помочь мне лучше понять это?Я думал, что мог бы использовать Babel или отдельный пакет для обработки этой компиляции.

Спасибо.

Answer 1

Мне удалось найти решение.Это довольно просто, но, как прокомментировал Адриан ранее, это не рекомендуется.Таким образом, я собираюсь использовать плагины Angular Ready, но на всякий случай вот ответ.

1 - Установите Jquery.

npm install jquery — save

2 - Загрузите в свой angular.json илиangular-cli.json в скриптах.

"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

3 - Загрузите нужный плагин Jquery через npm.

4 - Загрузите плагин Jquery min.js в ваш angular.json или angular-cli.json

5 - Используйте ваш скрипт во внешнем js-файле, а не внутри вашего машинописного текста.