JQuery не загружается

Question

Так что, ребята, я пытаюсь запустить html-файл для этого углового курса 2, который я беру. После создания зависимостей для приложения я загрузил их с помощью npm. Теперь, когда я пытаюсь запустить приложение, я получаю эту ошибку ..

файл: ///Users/Rocky/Angular2-course/skeleton/node_modules/jquery/dist/jquery.min.js Не удалось загрузить ресурс : чистая :: ERR_FILE_NOT_FOUND

Это, как я написал сценарий JQuery ..

<script src="node_modules/jquery/dist/jquery.min.js"></script> 
<script src="node_modules/tether/dist/js/tether.min.js"></script> 
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 

Answer 1

Если ваши файлы в "./node_modules/jquery/dist/". Затем, тег сценария на ваших страницах выглядит так:

<script src="/scripts/jquery.min.js"></script> 

Если вы использовали экспресс с nodejs, статический маршрут так просто, как это:

app.use('/scripts', express.static(__dirname + '/node_modules/jquery/dist/')); 

Затем любые запросы браузера от /scripts/xxx.js автоматически будет извлечен из вашего каталога dist.

Примечание. Новые версии NPM помещают больше вещей на верхний уровень, не вложенные настолько глубоко, поэтому, если вы используете более новую версию NPM, тогда имена путей будут отличаться от указанных в вопросе OP и в текущем ответ. Но концепция все та же. Вы узнаете, где файлы физически расположены на вашем сервере, и вы создаете app.use() с помощью функции express.static(), чтобы создать псевдо-путь к этим файлам, чтобы вы не подвергли действительную организацию файловой системы сервера клиент.

Answer 2

Если вы используете Angular, вы хотите попытаться избежать использования jQuery, поскольку Angular поставляется с jqLite. Пробуйте версию Bootstrap для Angular 2. Отъезд https://ng-bootstrap.github.io/#/getting-started

Кроме того, хотя бы связывать их?

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script> 

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>