Bootstrap 4 : Uncaught ReferenceError : Popper is not defined
Node와 Gulp를 사용하여 Bootstrap 4를 설치했으며 응용 프로그램을 실행할 때 다음 오류가 발생합니다.
잡히지 않은 ReferenceError : Popper가 정의되지 않았습니다
지금까지 Bootstrap 그리드 시스템 만 사용했으며 Bootstrap JS가 필요한 것은 사용하지 않았습니다. Bootstrap에 뭔가 빠졌거나 올바르게 설치하지 않은 것 같습니다 (솔직히 말해서 아마도 저일 것입니다)-다른 사람이 같은 문제를 겪거나 전혀 수정 사항을 알고 있습니까?
우리의 부트 스트랩 베타 2 출시 된 이후, 우리는 두 개의 새로운 DIST 파일을 추가 : bootstrap.bundle.js하고 bootstrap.bundle.min.js있는이 포함 된 Popper.js내부
또한이 링크를 사용하여 Popper.js의 최신 릴리스를 찾으십시오 : https://cdnjs.com/libraries/popper.js 위의 링크 된 릴리스 (1.8.2)가 매우 오래 되었고 최신 릴리스는 1.12.9 이기 때문입니다.
BTW는 Bootstrap에서 사용하는 Popper.js의 UMD 릴리스를 선택해야합니다.
이미 popper.js NPM 경로 'bootstrap / dist / js / bootstrap.bundle.js' 가있는 bootstrap.bundle.js 를 사용하십시오 .
Webpack에서이 문제로 고생하는 사람들을 위해 : 항목 파일에서
import 'bootstrap' 이 오류를 제공합니다. 이를 제거하고 import 'bootstrap / dist / js / bootstrap.bundle.js'로 대체해야합니다.
이것으로 충분하며 Popper를 별도로 가져올 필요가 없습니다. 부트 스트랩 4.0.0.beta2에 적용됩니다.
제 경우에는 popper.js 스크립트가 bootstrap.js 전에 호출되어야 한다는 것이 밝혀졌습니다 .
<script src="https://../popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://../bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
나는 같은 문제가 있었고 간단한 회전 목마를 통해 반나절 동안 그것을 가지고 놀았습니다. Mac의 Safari는 라이브러리에 우선 순위가 있다는 점에서 적절하게 피드백을 제공하지 않았습니다.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
"이 작업을 수행하려면 BS 전에 JQ가 필요합니다."라는 오류를 검토하여 BS보다 먼저 시도했습니다 Popper.
그래서 나는 이것들 모두를 가지고 <head>있었고 그것이 작동했습니다.
1-이 페이지의 코드 복사 : https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js
2- 새 파일에 붙여넣고이 이름 (popper.min.js)에 저장
3- 부트 스트랩 스크립트 전에 html에 스크립트 추가 :
<script src="popper.min.js"></script>
<script src="bootstrap.js"></script>
나도 똑 같았다. 저는 Rails에 있고 https://github.com/twbs/bootstrap-rubygem 에서 부트 스트랩 4 gem 설치를 따랐습니다 . 먼저 application.js에서 popper 요구 사항을 다음과 같이 만듭니다.
//= require popper
//= require jquery3
//= require jquery_ujs
//= require bootstrap-sprockets
//= require bootstrap
'programing' 카테고리의 다른 글
| Elixir Sleep / 1 초 동안 기다립니다 (0) | 2021.01.19 |
|---|---|
| 0 배열 초기화 (0) | 2021.01.19 |
| malloc (0)은 무엇을 반환합니까? (0) | 2021.01.18 |
| 배열에서 짝을 이루지 않은 유일한 요소 찾기 (0) | 2021.01.18 |
| VB.NET에서 문자열 연결을위한 앰퍼샌드 대 플러스 (0) | 2021.01.18 |