부트스트랩이 안먹혀요

7 글 보임 - 1 에서 7 까지 (총 7 중에서)

글쓴이

글
2020년 10월 30일 22:49 #4600

규리
참가자

삭제했다가 깔았다가
처음부터 재설치 세번이나 했는데 안돼요

Refused to apply style from https://maxcdn.bootstrapcdn.com/bootstrap/4.5.3/css/bootstrap.min.css’ because its MIME type ('application/xml') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

index.js:1 Warning: Invalid DOM property class. Did you mean className?
at button
at div
at App

Failed to load resource: the server responded with a status of 403 ()

콘솔창 에러요.. 사진첨부가 안되네요

2020년 10월 30일 23:11 #4603

codingapple
키 마스터

부트스트랩 4.5로 업데이트되면서 뭔가 바뀐것 같군요

index.html을 여신 다음 bootstrap.min.css가 첨부된 link 태그를 찾아서

<link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
      integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
      crossorigin="anonymous"
    />

이걸로 바꿔보시길 바랍니다.

아니면 4.4 버전을 따로 css파일 다운받아서 직접 link 태그로 첨부하는게 가장 안전한 방법입니다.

해보시고 되는지좀 알려주십시오

2020년 10월 30일 23:20 #4605

codingapple
키 마스터

오잉 아니면 react-bootstrap 공식사이트 중간쯤에 보면 CDN 어쩌구 하면서 4.5버전 쓰라고 되어있는거 link태그 붙여넣어보십시오

https://react-bootstrap.github.io/getting-started/introduction/

2020년 11월 2일 12:54 #4624

규리
참가자

오잉..몇번을 해도 안되더니 오늘하니까 갑자기 됐어요 ....ㅠ 감삽니다
근데 점보트론에 이미지 적용이 안돼요 ㅠㅠ
./src/App.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/App.css)
Module not found: You attempted to import ../public/background.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

background-image: url(/background.jpg);
이게 안돼서
background-image: url(/public/background.jpg); 이걸로도 해봤는데 위와같은 오류가 뜹니다ㅠㅠ

앗 마침 밑에 같은 질문이 있군요 ㅠㅠ 해결했습니다.
이미지 삽입을 public폴더가 아닌 src 폴더안에 해야하네요

2021년 2월 21일 21:59 #6756

Daehun Song
참가자

저도 같은 문제가 나왔는데. 어떻게 해야하는지 궁금하네요. 5시간 정도 해메고 있어요.ㅠ.ㅠ

2021년 2월 21일 22:28 #6758

Daehun Song
참가자

https://www.fwantastic.com/2020/03/react-reactstrap.html

여기 사이트를 참고 해보니

npm install --save bootstrap
npm install --save reactstrap

index.js에 아래 추가

import 'bootstrap/dist/css/bootstrap.css';

하니 정상작동 했습니다.

2021년 3월 3일 20:01 #6968

윤효상
참가자

감사합니다~!!
글쓴이

글

7 글 보임 - 1 에서 7 까지 (총 7 중에서)

답변은 로그인 후 가능합니다.

로그인

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png