콘텐츠 보안 정책 지침 위반: 인라인 스크립트가 "script-src 'self'" 사양을 준수하지 않습니다.
P粉276064178
P粉276064178 2023-08-15 14:48:52
0
1
426

저는 react-create-app를 사용하여 Chrome 확장 프로그램을 빌드합니다. React-create-app에서 npm run build를 사용하면 다음 오류가 발생합니다.

<인용문>

인라인 스크립트 실행은 콘텐츠 보안 정책 지침 "script-src 'self'"를 위반하기 때문에 거부되었습니다. 인라인 실행을 활성화하려면 "unsafe-inline" 키워드, 해시('sha256-5=') 또는 일회성 nonce('nonce-...')를 사용하세요.

index.html

에 오류가 있습니다.
  <머리>      <링크 rel="스타일시트" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 무결성="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="익명" />   
      React 앱 <본문>  

manifest.json

{ "manifest_version": 2, "name": "IC 프로젝트 크롬 확장 프로그램", "description": "이 확장 프로그램은 실제 Chrome 확장 프로그램을 만들기 위한 시작점입니다.", "버전": "0.0.1", "browser_action": { "default_popup": "index.html", "default_title": "팝업 열기" }, "아이콘": { "16": "자산/icon-128.png", "48": "자산/icon-128.png", "128": "자산/icon-128.png" }, "content_security_policy": "script-src 'self' '안전하지 않은 평가'; object-src 'self'" }


P粉276064178
P粉276064178

모든 응답 (1)
P粉447785031

몇 시간 동안 고민한 끝에 효과적인 해결책을 찾았습니다. 스크립트 실행은 Mac과 PC 간에 다릅니다. 내가 찾은 답변 중 상당수는 "설정"이 있는 경우와 "설정"이 없는 경우에 차이가 있었습니다. 일부는 "&&"가 있고 일부는 없습니다. 하지만 그 중 어느 것도 나에게 적합하지 않습니다.

간단히 말하면 다음과 같이 "교차 환경" npm 패키지를 사용하세요.

으아악

이 기능은 PC에서 작동하며 아마도 Mac에서도 작동할 것입니다. 물론 그 전에npm install --save-dev cross-env해야 합니다.

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!