Javascript 未捕获类型错误:System.import不是函数
这段代码应该显示一个包含Hello World的Javascript 未捕获类型错误:System.import不是函数,javascript,typescript,angular,systemjs,Javascript,Typescript,Angular,Systemjs,这段代码应该显示一个包含Hello World的div,但是我收到了错误Uncaught TypeError:System.import不是一个函数。下面是ng-book2的入门教程视频,其中包含index.html中的以下代码: <!DOCTYPE html> <html> <head> <title>Angular 2</title> <script src="js/traceur-runtime-0.0.90.js
div
,但是我收到了错误Uncaught TypeError:System.import不是一个函数
。下面是ng-book2的入门教程视频,其中包含index.html
中的以下代码:
<!DOCTYPE html>
<html>
<head>
<title>Angular 2</title>
<script src="js/traceur-runtime-0.0.90.js"></script>
<script src="js/system-0.18.4.js"></script>
<script src="js/angular2-alpha31.js"></script>
</head>
<body>
<script>System.import('js/app');</script>
<hello-world></hello-world>
</body>
</html>
最后是当前目录结构:
/ng2
/js
angular2-alpha31.js
app.js
app.js.map
system-0.18.4.js
system-0.18.4.js.map
traceur-runtime-0.0.90.js
index.html
环顾四周寻找解决方案,发现系统的config.js
存在问题。除了在本教程中,视频显示了这一点,没有任何配置提示。我应该提到,与视频中使用的本地HTTP服务器相比,这是在远程服务器上托管的
开发人员窗口的屏幕截图:
上述目录结构中显示的每个文件都是撰写本文时GitHub上可用的最新文件。如果我使用的是远程服务器,或者我完全遗漏了其他东西,那么是否应该包含默认配置文件
未捕获类型错误:System.import不是函数
一个故障指示,
js/system-0.18.4.js
加载失败。在进一步处理文件后,我发现Angular2正在用自己的文件覆盖SystemJS的system
对象。如果在HTML中angular2.js
移到system.js
上方,则语句
<script>System.import('js/app');</script>
System.import('js/app');
使用正确的系统对象
这种情况不应该发生,但目前这是一个问题。系统是否正确加载?在
系统
之后,JavaScript控制台中的自动完成显示了什么?试试这个种子项目,您从一开始就有一个运行的hello world->@tadman抱歉,不确定您所说的自动完成是什么意思?在错误下方的控制台窗口中显示(匿名函数)@(索引):11
。在系统
对象中是否有一种方法,我可以测试它是否加载正常?系统。如果这是您所期望的,导入
应该是一个函数,但我没有看到在我使用的版本中,只是获取
,规范化
,注册
,registerModule
和set
无法充分升级。谢谢你,先生!巴萨拉特还有什么事吗?我收到了相同的错误消息。请查看系统是什么。。。是否已定义我已创建了单独的帖子并发布了我的配置等:
<script>System.import('js/app');</script>