Я работаю над метеорным приложением (v.1.8.0.2), и я хотел интегрировать загрузчик в свое приложение.Я установил bootstrap и все его зависимости (jquery и popper.js), используя npm.Установка прошла успешно, потому что я вижу библиотеки с их версией в файле package.json моего метеорного приложения.Тем не менее, когда я пытаюсь создать заголовок навигации в моем HTML-файле, отображение Navbar неправильно.Кроме того, консоль браузера указывает, что не может найти jquery («ошибка Uncaught: не удается найти модуль« jquery »»), возможно, это связано с плохим отображением навигационной панели.
Есть мысли оКак я могу иметь правильное отображение Navbar и о путях решения проблемы JQuery?
Вот моя структура папок клиента:
- main.html
- main.scss (который я создал вручную)
- main.js
То, что я пробовал до сих пор:
- Я удалил и переустановил jquery
- Я попытался импортировать jquery.min.js вмой файл main.js
- Я пытался поместить jquery в папку начальной загрузки
Вот мой тег навигации в моем файле main.html:
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
</ul>
<form class="navbar-form navbar-left" action="/action_page.php">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" name="search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
Содержимое в моем main.scss:
@import "{}/node_modules/bootstrap/scss/bootstrap.scss";
Содержимое в main.js:
import './main.html';
import 'bootstrap';
Ожидаемый результат:
Фактический результат:
Спасибо!