无法加载转换器以进行转换

时间:2017-01-08 10:21:05

标签: javascript systemjs

我的<form class="form-horizontal"> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <select class="form-control" size="5"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox"> True/False </label> </div> </div> </div> <div class="form-group"> <label for="description" class="col-sm-2 control-label">Description</label> <div class="col-sm-10"> <input type="text" class="form-control" id="description" name="description"> </div> </div> <div class="form-group"> <label for="notes" class="col-sm-2 control-label">Notes</label> <div class="col-sm-10"> <textarea class="form-control" id="notes" name="notes" rows="4" cols="50"></textarea> </div> </div> </form>

中有以下代码
systemjs.config.js

(function(global) { System.config({ map: { 'jquery': '//code.jquery.com/jquery-2.1.4.min.js' } }) })(this);

中的以下代码
js/main.js

import $ from 'jquery'; console.log($('body'));

中的以下代码
index.html

我得到的错误是:

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="systemjs.config.js"></script>
</head>
<body>
<script>
    System.import('./js/main.js');
</script>
</body>
</html>

我不确定我在这里做错了什么......我遵循了systemjs github页面的指南

2 个答案:

答案 0 :(得分:2)

当我更新到systemjs版本0.20.9时,我遇到了这个问题。对我来说,我能够通过恢复到0.19.42来消失。因此,我怀疑答案在于v19和v20之间的任何变化,其中一点是“删除默认的转换器加载。如果不配置其中一个转换器插件,就不可能转换源”(你可以阅读)这里有完整的更改:https://github.com/systemjs/systemjs/releases/tag/0.20.0

您可能无法使用早期版本,在这种情况下您可能应该调查安装systemjs GitHub页面上建议的Typescript插件(链接到这里:https://github.com/frankwallis/plugin-typescript

我希望有所帮助。

答案 1 :(得分:0)

在打字稿环境中,在 tsconfig 中使用 "module": "commonjs"

我发现在导入时指定“.js”会导致此错误。

例如

import { simpleGrid } from "./mockData/simpleGrids.js";

失败,Error: (SystemJS) XHR error loading http://localhost:18300/specs/traceur.js

import { simpleGrid } from "./mockData/simpleGrids";

有效。

也...而这可能是真正的罪魁祸首:

如果在多行注释 (import) 中有 /**/,它会导致类似的错误,如果不一样的话。