CORS政策已阻止从源“null”访问脚本“

因此，当我尝试从另一个Javascript文件导入类时，在控制台中出现如下错误：

Access to Script at 'file:///home/../.../Javascript/src/index.js' from origin 'null' has been blocked by CORS policy: Invalid response. Origin 'null' is therefore not allowed access.

在我的html文件中，我以这种方式添加脚本文件：

我的index.js看起来像这样：

import Paddle from "/src/paddle";

let canvas = document.getElementById("gameScreen");
let ctx = canvas.getContext("2d");

const GAME_WIDTH = 800;
const GAME_HEIGHT = 600;

ctx.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);
let paddle = new Paddle(GAME_WIDTH, GAME_HEIGHT);

paddle.draw(ctx);

和paddle.js：

export default class Paddle {
    constructor(gameWidth, gameHeight){
        this.width = 150;
        this.height = 30;

        this.position = {
            x: gameWidth/2 - this.width/2,
            y: gameHeight-this.height-10
        }
    }
    draw(ctx){
        ctx.fillRect(this.position.x, this.position.y, this.width, this.height); 
    }
}

我正在使用铬浏览器。我的文件夹结构如下所示：

/Javascript
   -/src
       -index.js
       -paddle.js
   -index.html

任何人有任何想法如何避免cors政策？

ES6模块受同源政策的约束。您需要从本地服务器运行脚本，使用浏览器直接打开文件将不起作用。

请参阅此处Chrome 62 / Chrome Canary 64中的ES6模块支持，无法在本地使用，CORS错误