React-Bootsrap Uncaught ReferenceError : 필요하지 않습니다.

Question

반응이 새로운데, 프로젝트에서 반응 부트 스트랩을 사용하려고합니다. 그러나 반응이있는 부트 스트랩 페이지의 예제 인 https://react-bootstrap.github.io/getting-started.html에 대해서는 제대로 작동하지 않았습니다. 난 단지 내 HTML에 아래의 코드를 포함하지만, 내가 받고 있어요 react.production.min.js : 10 잡히지 ReferenceError : 필요가 정의되지 않았습니다 오류. 사실 나는 다른 질문과 많은 튜토리얼을 읽었지만 여전히 cdn에서 올바른 파일을 포함 할 수 없습니다. 올바른 파일은 무엇이되어야합니까? 아니면 다른 스크립트를 사용해야 제대로 작동합니다.

Uncaught ReferenceError: require is not defined 
at react.production.min.js:10 
react-bootstrap.min.js:10 Uncaught TypeError: Cannot read property 'Component' of undefined 
at Object.e.__esModule.default (react-bootstrap.min.js:10) 
at t (react-bootstrap.min.js:1) 
at Object.e.__esModule.default (react-bootstrap.min.js:11) 
at t (react-bootstrap.min.js:1) 
at Object.t.exports (react-bootstrap.min.js:1) 
at t (react-bootstrap.min.js:1) 
at t (react-bootstrap.min.js:1) 
at react-bootstrap.min.js:1 
at react-bootstrap.min.js:1 
at react-bootstrap.min.js:1 

반응-dom.production.min.js : 13 catch되지 않은 오류 ReferenceError가 :에 을 정의되지 않은 필요 는

<!-- Bootsrap and react js--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/cjs/react.production.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.31.5/react-bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/cjs/react-dom.production.min.js"></script> 

전체 오류 추적은 다음과 같습니다

,, 주셔서 감사합니다 react-dom.production.min.js : 13 1:86 잡히지 않은 ReferenceError : ReactBootstrap이 정의되지 않았습니다. at 1:86

Answer 1

브라우저에서 사용하는 경우 웹팩 또는 이와 유사한 것을 사용할 때까지는 CommonJS 섹션을 따르지 마십시오. 브라우저는 비동기식이므로 require을 동 기적으로 사용할 수 없습니다. ES6 (Babel로 이동중인 경우) 또는 AMD (RequireJS 또는 이와 유사한) 지침을 따르십시오.

당신은 그 중 하나가, 모든 것을 포함하는 "브라우저 전역"지침을 따르 무슨 뜻인지 모르는 경우 : 사실, 난 그냥 파일과 오류를 포함하고 빠른 회신

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/<react-version>/react.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/<react-version>/react-dom.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/<version>/react-bootstrap.min.js"></script> 
<script> 
var Alert = ReactBootstrap.Alert; 
</script>