简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Pelanggaran arahan Dasar Keselamatan Kandungan: Skrip sebaris tidak mematuhi spesifikasi "script-src 'self'"
P粉276064178
P粉276064178 2023-08-15 14:48:52
0
1
479
<p>Saya menggunakan <code>react-create-app</code> untuk membina sambungan Chrome saya. Apabila saya menggunakan <code>npm run build</code> dalam react-create-app, saya mendapat ralat berikut: </p> <blockquote> <p>Pelaksanaan skrip sebaris dinafikan kerana ia melanggar arahan Dasar Keselamatan Kandungan berikut: "script-src 'self'". Untuk mendayakan pelaksanaan sebaris, gunakan kata kunci "sebaris tidak selamat", cincang ('sha256-5='), atau nonce sekali ('nonce-...'). </p> </blockquote> <p>Ralat dalam<kod>index.html</code></p> <pre class="brush:php;toolbar:false;"><!DOCTYPE html> <html lang="en"> <kepala> <meta charset="utf-8" /> <pautan rel="ikon pintasan" href="%PUBLIC_URL%/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#000000" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <pautan rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="tanpa nama" /> <!-- Manifest.json menyediakan metadata yang digunakan apabila aplikasi web anda dipasang pada peranti mudah alih atau desktop pengguna. Lihat https://developers.google.com/web/fundamentals/web-app-manifest/ --> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <!-- Perhatikan penggunaan %PUBLIC_URL% dalam teg di atas. Semasa proses binaan, ia akan digantikan dengan URL folder `awam`. Hanya fail dalam folder `awam` boleh dirujuk daripada HTML. Tidak seperti "/favicon.ico" atau "favicon.ico", "%PUBLIC_URL%/favicon.ico" akan berfungsi dengan betul pada laluan pelanggan dan URL awam bukan akar. Jalankan `npm run build` untuk mengetahui cara mengkonfigurasi URL awam bukan root. --> <title>React App</title> </head> <badan> <noscript>Anda perlu mendayakan JavaScript untuk menjalankan aplikasi ini. </noscript> <div id="root"></div> <!-- Fail HTML ini ialah templat. Jika anda membukanya terus dalam penyemak imbas anda, anda akan melihat halaman kosong. Anda boleh menambah fon web, teg meta atau analitis dalam fail ini. Langkah binaan akan meletakkan skrip yang digabungkan ke dalam teg ``. Untuk memulakan pembangunan, jalankan `npm start` atau `yarn start`. Untuk membuat himpunan pengeluaran, gunakan `npm run build` atau` yarn build`. --> </badan> </html></pre> <p><strong>manifest.json</strong></p> <pre class="brush:php;toolbar:false;">{ "versi_manifest": 2, "name": "sambungan krom Projek IC", "description": "Pelanjutan ini ialah titik permulaan untuk membuat sambungan Chrome sebenar", "versi": "0.0.1", "tindakan_pelayar": { "default_popup": "index.html", "default_title": "Buka pop timbul" }, "ikon": { "16": "aset/ikon-128.png", "48": "aset/ikon-128.png", "128": "aset/ikon-128.png" }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" }</pre> <p><br /></p>
P粉276064178
P粉276064178

membalas semua(1)
P粉447785031
P粉4477850312023-08-16 13:58:19 Tingkat 1

Selepas beberapa jam yang mengecewakan, saya menemui penyelesaian yang berkesan. Skrip yang dijalankan berbeza antara Mac dan PC. Banyak jawapan yang saya dapati mempunyai perbezaan dengan "set" dan tanpa "set". Ada yang dengan "&&", ada yang tanpa...tetapi tiada satu pun yang berkesan untuk saya.

Ringkasnya: gunakan pakej npm "cross-env" seperti ini: 

cross-env INLINE_RUNTIME_CHUNK=false react-scripts build

Ini berfungsi pada PC, mungkin juga pada Mac. Sudah tentu, anda perlu npm install --save-dev cross-env sebelum itu.

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！