Проблема импорта внешних jquery файлов из CDN - PullRequest
Новая
       3

Проблема импорта внешних jquery файлов из CDN

0 голосов
/ 28 апреля 2020

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

Я сделал то же самое, но я получаю сообщение об ошибке, которое, похоже, мне не сходит с рук, независимо от того, как я изменил расположение файлов из файла angular. json.

Ниже приведены изображения моей установки и сообщения об ошибке.

Angular error, в результате импорта внешних пользовательских jquery файлов из CDN [[1]]

Это моя angular. json настройка, обеспечивающая, что jquery находится в верхней части 

   "styles": [
              "src/styles.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",              
              "src/assets/css/customcss.css"

            ],
            "scripts": [ 
            "./node_modules/jquery/dist/jquery.js",
            "./node_modules/jquery/dist/jquery.min.js",
            "./node_modules/jquery/dist/jquery.slim.min.js",
            "./node_modules/popper.js/dist/umd/popper.min.js",  
            "./node_modules/bootstrap/dist/js/bootstrap.min.js",
            "src/assets/js/custom.js"

               ]

Это моя angular index. html страница, где я использую пользовательскую библиотеку экстентов jquery библиотека 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title> My site </title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
   <!-- custom css -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
    </head>

<body>

<!-- jQuery Custom Scroller CDN -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>

 <app-root></app-root>
</body>
</html>

1 Ответ

1 голос
/ 28 апреля 2020

Вы можете использовать эту настройку в angular. json

"scripts": [
            "node_modules/jquery/dist/jquery.js",
            "node_modules/bootstrap/dist/js/bootstrap.js",
            "node_modules/datatables/media/js/jquery.dataTables.js",

Не добавлять тег сценария в индекс. html file

В компонентном файле TS вы можете объявить и использовать его 

declare const $: any;

ngOnInit() {
   $('#example').DataTable();
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...