Я учился использовать оператор импорта и экспорта с классами, и когда я проверяю консоль на chrome, появляется это сообщение:
«Доступ к скрипту в 'файле: /// Users / alexandretoko / Desktop /Javascript%20ES66%20ES7%20ES8/index.js 'от источника' null 'был заблокирован политикой CORS: запросы перекрестного происхождения поддерживаются только для схем протокола: http, data, chrome, chrome -расширение , https. index. html: 10
GET-файл: ///Users/alexandretoko/Desktop/Javascript%20ES66%20ES7%20ES8/index.js net :: ERR_FAILED "
Я искал решение, я в значительной степени понял, в чем проблема, и что это было из-за политики CORS и проблемы с «происхождением» моего файла. Я попытался поместить заголовок (Access-Control-Allow-Origin: *) в свой index. js, а также установить расширения CORS chrome, но заголовки запроса моего файла по-прежнему установлены на «NULL» в браузере и отобразить предупреждающее сообщение с надписью «Предварительные заголовки показаны».
Надеюсь, я прояснил это.
header("Access-Control-Allow-Origin: *");
import { Animal } from './animal.js';
let cat = new Animal();
console.log(cat)
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<p id="test"> </p>
<script type="module" src="index.js"> </script>
</body>
</html>
export class Animal {
constructor(type, legs){
this.type = type;
this.legs = legs;
}
}