Почему я получаю эти две ошибки? - PullRequest
Новая
       12

Почему я получаю эти две ошибки?

0 голосов
/ 21 мая 2019

Прежде чем оставлять комментарии об этом, я ПОЗИТИВНО, что мои файлы находятся в правильных позициях.

Вот моя первая ошибка:

На моей веб-странице есть Bootstrap, Font Awesome и jQuery.

Я получаю сообщение об ошибке: 

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

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

В этом вопросе некоторые ответы подсказывают мне сделать тег сценария и сделать это: 

window.$ = window.jQuery = require('jquery'); // not sure if you need this at all
window.Bootstrap = require('bootstrap');

Это не работает для меня.

Как мне остановить эту ошибку?

Моя вторая ошибка:

По какой-то причине один из моих файлов вызывает fa-solid-900.woff, fa-solid-900.woff2 и fa-solid-900.ttf.

нигде в моем коде я не вызывал эти файлы, но я получаю сообщение об ошибке 

GET file:///C:/Users/temporarily-me/OneDrive/Desktop/Web/webfonts/fa-solid-900.woff2
net::ERR_FILE_NOT_FOUND
GET file:///C:/Users/temporarily-me/OneDrive/Desktop/Web/webfonts/fa-solid-900.woff
net::ERR_FILE_NOT_FOUND
GET file:///C:/Users/temporarily-me/OneDrive/Desktop/Web/webfonts/fa-solid-900.ttf
net::ERR_FILE_NOT_FOUND

У меня нет папки webfonts, тем более файлов, которые она вызывает, и я не могу найти, куда она их вызывает.

Если это поможет, я использую Chrome, jQuery.min.js 3.4.1, Bootstrap.min.js 4.3.1, Bootstrap.min.css 4.3.1 и font-awesome.min.css 5.8.2 .

Вот мой код для обеих ошибок: 

var $fixme   = $( '.fixme' );
var fixmeTop = $fixme.offset().top;
var $main    = $( 'main' );
var $win     = $( window );

$win.scroll( function () {

  var atSticky = $win.scrollTop() >= fixmeTop;
  
  $fixme.toggleClass( 'sticky', atSticky );
  $main.css( 'padding-top', atSticky ? fixmeTop + 5 : 0 );
  
} );

$(function () {
  $(document).scroll(function () {
    var $nav = $(".fixme");
    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
  });
});
.fixme {
  width: 100%;
  height: 60px;
  color: red;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
}

.a {
	height: 60px;
	background-color: green;
}

a,
a:hover,
a:focus {
  font-size: 16px;
  outline: 0 solid transparent;
  text-decoration: none;
  transition-duration: 500ms;
}

ul,
ol {
  margin: 0;
}

ul li,
ol li {
  list-style: none;
}
<!DOCTYPE html>
<html lang="en-us">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title> Web Page </title>

        <!-- these are just here since Stack Overflow does not have the latest libraries, so I used them ;) -->    
    
        <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet"/>
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        
        <!-------------------->

		<link rel="stylesheet" type="text/css" href="style.css">
		<link rel="stylesheet" type="text/css" href="CSS/font-awesome-5.8.2.min.css">
		<link rel="stylesheet" type="text/css" href="CSS/bootstrap-4.3.1.min.css">
	</head>
	
	<body>
		<header>
			<div class="top-header-area">
			
				<p style="float: left; font-size: 32px;">Logo Here</p>
			
				<div class="search-login-area">
				
					<div class="search-area">
					
						<form action="#" method="post">
						
							<input type="search" name="top-search" id="topSearch" placeholder="Search">
							
							<button type="submit" class="btn">
							
								<i class="fa fa-search"></i>
								
							</button>
							
						</form>
					</div>
				
					<div class="login-area">
					
						<a href="#">
						
							<span>Login / Register</span>
							
							<i class="fa fa-lock" aria-hidden="true"></i>
							
						</a>
						
					</div>
					
				</div>
				
			</div>
			
			<div class="fixme">
			
				<div id="stickynav" class="stickynav">Sticky Div is very Sticky.
				
				</div>
			</div>
		</header>
		<main>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
		</main>
		
		
		<script src="Javascript/Bootstrap/bootstrap-4.3.1.min.js" ></script>
		<script src="Javascript/jQuery/jquery-3.4.1.min.js" ></script>
		<script src="Javascript/Active.js" ></script>
	</body>

</html>

1 Ответ

1 голос
/ 21 мая 2019

Вот моя первая ошибка:

Изменение порядка, сначала загрузите файл jquery, затем загрузочный файл 

<script src="Javascript/jQuery/jquery-3.4.1.min.js" ></script>
<script src="Javascript/Bootstrap/bootstrap-4.3.1.min.js" ></script>
...