javascript模块和COR_Javascript_Module_Cors

javascript模块和COR

javascript module cors

javascript模块和COR,javascript,module,cors,Javascript,Module,Cors,我试图理解JavaScript中的模块，但当我试图编写一个非常简单的模块时，我得到了CORS错误。我使用括号作为文本编辑器，奇怪的是，当我使用括号中的实时预览时，代码工作正常，但当我正常打开.js文件时，我得到了错误 index.html <!DOCTYPE html> <html> <head> <title> JS </title> </head> <body>

我试图理解JavaScript中的模块，但当我试图编写一个非常简单的模块时，我得到了CORS错误。我使用括号作为文本编辑器，奇怪的是，当我使用括号中的实时预览时，代码工作正常，但当我正常打开

.js

文件时，我得到了错误

index.html

<!DOCTYPE html>
    <html>
    <head>
        <title> JS </title>
    </head>
    <body>
        <script type="module">
            import {add} from './libA.js'; 
            console.log(add(10,20));
        </script>
    </body>
    </html>

*我得到这个错误->

Access to Script at 'file:///F:/WEB%20DEV/JavaScript/libA.js' from origin `null` has been blocked by CORS policy: 
Invalid response. 
Origin 'null' is therefore not allowed access.

（我甚至还试用了最新版本的chrome）

许多浏览器不允许您使用JavaScript访问本地文件系统上的文件（即使HTML文档也在本地文件系统上）

这扩展到加载JavaScript模块

安装一个Web服务器并使用它（使用类似

的URL）http://localhost/

）进行测试。

如果您安装了节点，我建议您安装软件包。你很快就会站起来跑步的！修复了我的问题，我可以使用服务器在chrome中运行我的应用程序。

tnx。。但是，如果我使用webpack或babel，我的模块是否可以工作？@AhmadReza-他们重写了你的代码，因此它不使用模块，因此浏览器对模块代码施加的限制不适用。请详细说明！请详细说明！~*~您可能希望尝试使用live server而不是http server。例如，见。

Access to Script at 'file:///F:/WEB%20DEV/JavaScript/libA.js' from origin `null` has been blocked by CORS policy: 
Invalid response. 
Origin 'null' is therefore not allowed access.