Question

我尝试将变量从一个js文件“转移”到另一个。

我已经尝试使用导入/导出，但是没有用。

test1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div class="wrapper">
        <h1 class="sentence">hey guys</h1>
    </div>
    <script src="test1.js" type="module"></script>
</body>
</html>

test1.js

let greeting=document.querySelector('.sentence').innerHTML;
console.log(greeting);

test2.js

$.getScript('test1.js',function(){
    console.log(greeting);
})

我收到的错误消息是：跨域请求被阻止：“相同源策略”不允许读取文件：///Users/michalislazaris/Desktop/test.js上的远程资源。（原因：CORS请求不是http）。和：本文档中不允许使用模块源URI：“ file：///Users/michalislazaris/Desktop/test.js”。

Answer 1

从生成的错误消息来看，您正在本地运行应用程序。由于两个页面不在同一“服务器”上，因此导致CROSS-Origin Request被阻止。

为了解决这个问题，您必须在开发服务器上运行应用程序，并且有很多选择！我个人最喜欢的是Parcel，使用起来非常简单（最低配置）。

一旦您的应用程序在服务器上运行，错误必须消失。

2个js文件之间的链接

1 个答案: