Access to script blocked by CORS policy

Question

I am making a simple test project including 2 JavaScript files , where i export and import modules , as shown below .

However ,when opening html page , an error generated in the console shows that :

 Access to script at 'file:///C:/Users/index2.js' from origin 'null' has been blocked by CORS policy Failed to load resource: net::ERR_FAILED (index2.js:1)

I tried to desactivate CORS but that leads always to the same error , i am using Google Chrome browser .

what is abnormal in code and what to do to resolve this problem ?

index2.js :

export default class test {

 static method () {
   return ('hello world' ) ; 
}

index.js :

import test from './index2.js'; 

console.log (test.method())  ; 

in index.html :

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

Answer 1

I resolved the problem by setting up a local webserver , I Used XAMPP , the link below shows the installation and usage :

https://www.maketecheasier.com/setup-local-web-server-all-platforms/