外部からjsで動的にCDNからjsファイルを読み込む方法について

前提

JavaScriptで動的にjsファイルを読み込んで、実行する方法を確立する為にこの質問をしています。
import.jsが読み込まれると

引用テキストMIME タイプ (“text/plain”) の不一致により “https://raw.githubusercontent.com/lot-uni/CDN/main/alert.js” からのリソースがブロックされました (X-Content-Type-Options: nosniff)。

エラーメッセージが発生してしまいました。

js　import.js
1window.onload = function() {
2var script = document.createElement( 'script' );
3
4script.type = 'text/javascript';
5script.src = 'https://raw.githubusercontent.com/lot-uni/CDN/main/alert.js';
6
7var firstScript = document.getElementsByTagName( 'script' )[ 0 ];
8firstScript.parentNode.insertBefore( script, firstScript );
9}

実現したいこと

cndからjsファイルを動的に読み込んで実行できるようにしたいです。

発生している問題・エラーメッセージ

使用しているブラウザはfirefoxです。

行動規範の内容に同意します

回答1件

マイムタイプが一致しないというエラーが出ているようです

X-Content-Type-Options - HTTP | MDN

見た感じCORSには引っ駆らないようなのでどうしてもというのであればこんな感じで

javascript
1window.addEventListener('load',async()=>{
2  const script=Object.assign(document.createElement('script'),{
3  textContent:await fetch('https://raw.githubusercontent.com/lot-uni/CDN/main/alert.js').then(res=>res.text())
4  });
5  document.head.insertBefore(script,document.head.querySelector('script'));
6});

調整
上記若干調整してこんなふうでも良いかも

javascript
1window.addEventListener('load',async()=>{
2  const script=Object.assign(document.createElement('script'),{
3  src:window.URL.createObjectURL(new Blob([await fetch('https://raw.githubusercontent.com/lot-uni/CDN/main/alert.js').then(res=>res.text())]))
4  });
5  document.head.insertBefore(script,document.head.querySelector('script'));
6});