是否可以在我的 angular 应用程序中的 index.html 上运行 Web Worker？

Question

I have my angular app working fine. I just want to add some computations at the beginning of the app on my index.html in order to do that I added the following line at the beginning of that index.html file:

<script type="module" src="myScript.js"></script>

The myScript.js file is in the same directory as the index.html But it seems like it does not recognize it. If I go to inspect the site I can see the following error:

GET http://localhost:4200/myScripts.js 404 (Not Found)

Anyone knows why that is and how can I fix it? I do not know why it is looking for it like that. Any help would be greatly appreciated

I tried this before. It seems like it looks for the file in localhost:4200/myScript.js and does not find it. I have tried spinning up a new server and calling it directly from localhost:5555/myScript.js and it is able to find it. but it does not run it: It gives me the error: Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec. Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

Here is what I tried

<script type="module">
    if (window.Worker) {
        console.log('index');
        const worker = new Worker('http://localhost:5555/app.worker.ts', {type: 'module'});
        worker.onmessage = ({ data }) => {
            console.log(`page got message: ${data}`);
        };
        worker.postMessage('helloMatcha');
  }

Answer 1

Try without type="module", then you can try to move the custom script to a src/asset location (or something like that) and add the file to scripts section in angular.json.

"scripts": [
 "src/assets/custom.js"
  ]