我有一个调用 javascript 文件的小型 html 文件，但是当我尝试在浏览器中访问它时，出现以下错误：访问'file:///C:/Users/jekob/Desktop/battles... 处的脚本。
我有一个调用 javascript 文件的小 html 文件，但是当我尝试在浏览器中访问它时出现以下错误：
从来源 'null' 访问位于 'file:///C:/Users/jekob/Desktop/battleship/index.js' 的脚本已被 CORS 策略阻止：跨源请求仅支持以下协议方案：http、data、chrome-extension、edge、https、chrome-untrusted。
我在 Google 上搜索了几个小时，发现我可以通过服务器（如 node.js）托管我的应用程序，然后允许 CORS。但是我不需要任何服务器。我只想要一个简单的 html 和一个 js 文件。
索引.html：
<!DOCTYPE html>
<html>
<head>
<title>battle-ship</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div id="board"></div>
<script type="module" src="index.js"></script>
</body>
</html>
index.js：
import {board} from './board_0.1.js';
console.log(board);
board.js：
class cell{
constructor(){
this.locationByLetter = null;
this.locationByNumb = [];
this.occupied = false;
this.clicked = false;
}
}
class shipDitel{
constructor(name,size){
this.name = name;
this.size = size;
this.location =[];
}
}
export const board = buildBoard();
const shipType = [["Destroyer",2/*size*/],["Submarine",3],["Cruiser",3,],
["Battleship",4,],["AircraftCarrier",5]];
var shipsArr=setShip();
var selectedShip = selectShip(shipsArr[4]);
var stateGame ={
setting:true,
gameIsStart:false
}
function buildBoard(){
..
};
function setShip(){ //setting to a ship his name and size .
...
};
function selectShip(ship){
...
}
function onSelectedCell(cell){
...
};
function checkTheZone(cell){
...
};
