无法在 JavaScript UWP 项目中导入 JavaScript 文件答案

【问题标题】：Cannot import JavaScript files in a JavaScript UWP project无法在 JavaScript UWP 项目中导入 JavaScript 文件
【发布时间】：2019-03-25 08:53:25
【问题描述】：

我正在尝试在 JavaScript UWP 项目中使用 import 功能，以便我可以将我的程序分成更小的模块。

我通过 Visual Studio 2017 创建了一个基本的空白项目。我为最低和目标 SDK 版本选择了 4 月更新。这给了我一个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" 添加到我的index.html 上的main.js 包含行：

<!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 或控制台没有给出错误消息。可能是什么问题？

【问题讨论】：

导入/导出来自 ES6，UWP 不支持。
@BarryWang-MSFT 好的，非常感谢。也许您可以将其写为答案，以便我选择它作为答案。
好的。那我就写个答案吧。

标签： javascript import uwp

【解决方案1】：

导入/导出来自 ES6，UWP 平台不支持。

【讨论】：