Hej.
Chciałem na próbę zrobić sobie proste demko, żeby sprawdzić jak praca modułami wygląda. Odpalam w przeglądarce plik html z załączonymi skryptami jako moduły i za każdym razem wywala mi problem z corsem. Odpalam to lokalnie w przeglądarce więc nie wiem czemu. Odpalam w Chrome (wersja 61.0.3163.100) w firefox mi nie widzi. Nie używam transpilera, żadnego, bo powinno już być wspierane w tej wersji. Co robię źle? Faktycznie nagłówek corsowy jakiś powinienem dodawać? Czy babela użyć np?
module1.js:
export function someFunc(a) {
return a + 10;
}
export function againFunc() {
return 10;
}
export let variable = 'Striiiing';
module2.js:
import {someFunc as myFunc, variable as myVar} from "./module1";
const result = function newFunction(a) {
return myFunc(a);
};
const value = 10;
console.log(`Value is ${result(value)}, and imported variable is ${myVar}`);
<html lang="en">
<head>
<meta charset="UTF-8">
<title>modules</title>
</head>
<body>
<script type="module" src="module1.js"></script>
<script type="module" src="module2.js"></script>
</body>
</html>
i błąd:
Access to Script at 'file:///C:/Users/ziooom/IdeaProjects/JS&TS%20Fundamentals%20Training/ES6/Modules/module1.js' from origin 'null' has been blocked by CORS policy: Invalid response. Origin 'null' is therefore not allowed access.