Uncaught TypeError с начальной загрузкой и угловым - PullRequest
Новая
       17

Uncaught TypeError с начальной загрузкой и угловым

0 голосов
/ 26 апреля 2018

Я пытался добавить теги Bootstrap <link> и <script> к моему HTML в проекте Angular. Я получаю все CDN от здесь , но я получаю следующую ошибку 

Uncaught TypeError: Cannot read property 'fn' of undefined
at bootstrap.min.js:6

Что я делаю не так? Вот мой index.html 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>App</title>
  <base href="./">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

</head>
<body>
  <app-root></app-root>

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>

Обновление: я включил тег electron в этот вопрос, поскольку это Angular-проект, работающий с платформой Electron, и теперь он может быть частью проблемы.

Ответы [ 3 ]

0 голосов
/ 26 апреля 2018

замечаю 

integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"

что мне не должно быть там. это может быть то, что вызывает проблему.

ТАКЖЕ

Почему бы вам не добавить загрузчик локально? у него много преимуществ, и именно так большинство из нас делают это.

  1. в консоли Powershell, CMD или IDE (программе кодирования) введите:

    (для Bootstrap 4 (в бета-версии)):

    npm install bootstrap@next --save

    OR

    (для Bootstrap 3)

    npm install bootstrap --save

  2. Настроить .angular-cli.json:

    "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css", "styles.scss" ]

  3. настроить src/style.css или src/style.scss:

    @import '~bootstrap/dist/css/bootstrap.min.css';

или вы можете использовать ngx-bootsrap, который является угловой оберткой для начальной загрузки.

есть взлеты и падения к этому. В ngx-bootstrap отсутствуют многие компоненты в целом, и он не обладает самым последним и лучшим в начальной загрузке, но, по крайней мере, он предназначен для использования в угловых.

источники:

0 голосов
/ 26 апреля 2018

Bootstrap опирается на jQuery. В своем индексе HTML, прежде чем включать какой-либо импорт Javascript, вы захотите сделать что-то вроде этого: 

<script>
  var $ = jQuery = require("jquery")
</script>
0 голосов
/ 26 апреля 2018

Это может быть связано с этим: ссылка

Попробуйте включить только сокращенную версию (не slim.min): 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...