Я пытаюсь использовать функциональность import в проекте JavaScript UWP, чтобы я мог разделить свои программы на более мелкие модули.
Я создаю базовый пустой проект через Visual Studio 2017. Я выбираю апрельское обновлениедля минимальной и целевой версий SDK.Это дает мне main.js и index.html.
Сначала я добавляю свой собственный файл JavaScript с именем mymodule.js.Содержимое mymodule.js выглядит следующим образом:
export default function sum(x, y) {
return x + y;
}
Я изменяю содержимое main.js на:
import { sum } from './mymodule';
window.onload = function () {
const result = sum(2, 3);
console.log(result);
};
И, наконец, добавляю type="module" в main.js includeстрока на моем index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>App2</title>
<link href="css/default.css" rel="stylesheet" />
</head>
<body>
<div>Content goes here!</div>
<script src="js/main.js" type="module">
</script>
</body>
</html>
Проблема в том, что в консоль ничего не записывается.Кроме того, я не могу больше ставить точки останова в main.js.Там написано: «Для этого документа не было загружено никаких символов».
Если я удаляю строку импорта и заменяю вызов функции sum() на литерал, все работает как положено.
Итакчто-то идет не так, но Visual Studio или консоль не выдают сообщение об ошибке.В чем может быть проблема?