[解決済み] DevTools failed to load SourceMap.を修正する方法。JavaScriptライブラリを追加するときに、"Could not load content "エラーを修正するには？
2023-07-21 10:45:54
質問
私のコード
<html>
<head>
<!-- Load TensorFlow.js -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
<!-- Load Posenet -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet"></script>
</head>
<body>
<img id='cat' src='./pose/images/aa_085.jpg'/>
</body>
<!-- Place your code in the script tag below. You can also use an external .js file -->
<script>
var flipHorizontal = false;
var imageElement = document.getElementById('cat');
posenet.load().then(function(net) {
const pose = net.estimateSinglePose(imageElement, {
flipHorizontal: true
});
return pose;
}).then(function(pose){
console.log(pose);
})
</script>
</html>
HTMLとJavaScriptはほとんど使っていないので、一番基本的なことを忘れそうです。エラーは何ですか？
エラー情報
<ブロッククオートデブツール SourceMapの読み込みに失敗しました。のコンテンツを読み込めませんでした。 https://cdn.jsdelivr.net/npm/@tensorflow/tf.min.js.map : HTTP エラー: ステータス コード 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
どのように解決するのですか？
JsDelivr上の新しいファイルは、その末尾に自動的にソースマップが追加されます。これは問題なく、JsDelivr からファイルを読み込む限り、コンソールで SourceMap 関連の通知を投げることはありません。
問題は、これらのファイルをコピーし、自分のサーバーから読み込む場合にのみ発生します。ローカルに読み込まれたファイルについてこれを修正するには、JsDelivr からダウンロードされた JavaScript ファイルの最後の行を削除するだけです。
以下のような感じになるはずです。
//# sourceMappingURL=/sm/64bec5fd901c75766b1ade899155ce5e1c28413a4707f0120043b96f4a3d8f80.map
ご覧の通り、コメントアウトされていますが、Chromeはまだこれを解析しています。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン