2016-06-20 51 views
0

我想从本地PC上的WAMP运行Angular2应用程序。
我开发的应用从WAMP/WWW文件夹,并在不同阶段测试它无论从localhost:3000localhost/myapp(liteserver和WAMP)在本地WAMP服务器上出现Angular2错误

一切工作正常,直到我尝试正下方的<head>添加<base href="/">变成index.html。
在这一点上,只有在WAMP我得到的错误:ReferenceError: System is not defined

有任何解决方法或修复闯过这个错误? (并转移到下一个:))

这是我的Index.html。

<html> 
<head> 
<base href="/"> 
<title>Firebase</title> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="assets/css/bootstrap.min.css"> 

<script src="node_modules/core-js/client/shim.min.js"></script> 
<script src="node_modules/zone.js/dist/zone.js"></script> 
<script src="node_modules/reflect-metadata/Reflect.js"></script> 
<script src="node_modules/systemjs/dist/system.src.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

<!-- 2. Configure SystemJS --> 
<script src="systemjs.config.js"></script> 
<script> 
    System.import('app').catch(function(err){ console.error(err); }); 
</script> 
    </head> 
    <!-- 3. Display the application --> 
    <body> 
    <my-app>Loading...</my-app> 
</body> 
</html> 

更新:
LiteServer工作,文件夹结构,并main.ts:

lite server

WAMP,的Index.html wamp

+0

试试这个:document.write(''); –

+0

你可以发布你的目录结构吗? – kemsky

+0

您是否可以检查您的浏览器控制台是否已加载并包含System.js? –

回答

0

我只是阅读有关新的angular2 router,我想试试这个:

<base href=".">

它只是没有更多的错误工作!

我不知道为什么,但是现在wamp和liteserver都能正常工作,即使在所有关于路由器的教程中,他们都显示了这种方法:<base href="/">。我希望这会帮助别人把更少的时间浪费在这个愚蠢的事情上,然后我做到了。

相关问题