Question

我正在尝试使用traceur。当我想加载一个模块时，我收到一个不成功的错误。我的代码基于模块文档中提供的示例跟踪。

这是main.html：

<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
<script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
<script>
     System.traceurOptions = { experimental: true } 
</script>

<script type="module" src="ProfileView.js"></script>

加载的模块：

// ProfileView.js
import {firstName, lastName, year} from './Profile.js';

function setHeader(element) {
  element.textContent = firstName + ' ' + lastName;
}
// rest of module

// Profile.js
export var firstName = 'David';
export var lastName = 'Belle';
export var year = 1973;

我在Chrome中遇到以下错误：

XMLHttpRequest无法加载   文件：/// C：/Code/Tests/Traceur/ProfileView.js。交叉原始请求   只支持协议方案：http，data，chrome，   chrome-extension，https，chrome-extension-resource。

WebPageTranscoder失败加载   file：/// C：/Code/Tests/Traceur/ProfileView.js

Uncaught NetworkError：无法执行＆＃39;发送＆＃39; on＆＃39; XMLHttpRequest＆＃39;：   无法加载＆＃39; file：/// C：/Code/Tests/Traceur/ProfileView.js'。

我知道您无法通过文件系统发出xhr请求，但我看到了一些教程，其中代码的结构与我的类似，并且在那里工作...

我可能做错了什么？

Answer 1

您无法使用xhr访问文件系统，您应该通过运行本地Web服务器来打开这些页面。如果您确实要启用文件系统访问权限，可以：http://www.chrome-allow-file-access-from-file.com/

即。您启动chrome chrome.exe --allow-file-access-from-files

无法加载带有traceur的模块 - 尝试通过xhr

1 个答案: