我的<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页面的指南
答案 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
) 中有 /**/
,它会导致类似的错误,如果不一样的话。