Angular 托管环境404中的systemjs.config.js相对路径(未找到)
这是一个aspnet core+angular 2项目。 我的站点无法在托管环境中找到(404未找到)js文件。它在VS2015的开发环境中运行良好 在我的开发环境中,angluar2文件位于aspnetcore_project_目录/wwwroot/app文件夹下 angular2的主应用程序文件位于aspnetcore_project_目录/wwwroot/app/main.js中 内容为systemjs.config.jsAngular 托管环境404中的systemjs.config.js相对路径(未找到),angular,asp.net-core,systemjs,Angular,Asp.net Core,Systemjs,这是一个aspnet core+angular 2项目。 我的站点无法在托管环境中找到(404未找到)js文件。它在VS2015的开发环境中运行良好 在我的开发环境中,angluar2文件位于aspnetcore_project_目录/wwwroot/app文件夹下 angular2的主应用程序文件位于aspnetcore_project_目录/wwwroot/app/main.js中 内容为systemjs.config.js /** * System configuration for A
/**
* System configuration for Angular samples
* Adjust as necessary for your application needs.
*/
(function (global) {
System.config({
paths: {
// paths serve as alias
'npm:': 'node_modules/'
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
app: 'app',
// angular bundles
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular/common': 'npm:@angular/common/bundles/common.umd.js',
'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
'@angular/http': 'npm:@angular/http/bundles/http.umd.js',
'@angular/router': 'npm:@angular/router/bundles/router.umd.js',
'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
// other libraries
'rxjs': 'npm:rxjs',
'angular-in-memory-web-api': 'npm:angular-in-memory-web-api'
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
app: {
main: 'main.js',
defaultExtension: 'js'
},
rxjs: {
defaultExtension: 'js'
},
'angular-in-memory-web-api': {
main: 'index.js',
defaultExtension: 'js'
}
}
});
})(this);
当我在vs2015的开发环境下测试时,这个设置很好。
我将发布的内容复制到IIS。这里的文件夹结构是inetpub\wwwroot\myprj,因此在inetpub\wwwroor\myprj\wwwroot\app下我有角度文件
我以
http://example.com/myprj
所有与aspnet相关的代码都正确加载。但当它试图加载angular模块时,它正试图从中加载main.js
http://example.com/app/main.js
而不是
http://example.com/myprj/wwwroot/app/main.js
我不确定我是否没有将文件复制到正确的位置,或者没有在systemjs文件中正确引用它,或者两者都没有
index.html
<!DOCTYPE html>
<html>
<head>
<base href="/">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Index - myprj</title>
<link rel="stylesheet" href="/myprj/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="/myprj/css/site.css" />
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/myprj">myprj</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/myprj/SiteManager">Stats</a></li>
<li><a href="/myprj">Home</a></li>
<li><a href="/myprj/Home/About">About</a></li>
<li><a href="/myprj/Home/Contact">Contact</a></li>
</ul>
<form method="post" id="logoutForm" class="navbar-right" action="/myprj/Account/LogOff">
<ul class="nav navbar-nav navbar-right">
<li>
<a title="Manage" href="/myprj/Manage">Hello padhu@adsc.com!</a>
</li>
<li>
<button type="submit" class="btn btn-link navbar-btn navbar-link">Log off</button>
</li>
</ul>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8KehTnO-SvNKgU7UYNtLOEZOnq1O6ETchwbvuVHy4sOk8JDjACikATgFczHo5p0CZiGbPYRpa4cZ0Kx43DFrV9JidqSTjTMdAFcAu_YBlXl54-m0NRAvtOVIZudX7Rm7MD7y006yAcfujAaPK72-j2AGf2L50f7CSxpUyH964Mi22A4IxgVgerkO9aja_rYEow" /></form>
</div>
</div>
</div>
<div class="container-fluid body-content">
<!-- Css -->
<link rel="stylesheet" href="/myprj/css/site.css" /><link rel="stylesheet" href="/myprj/css/site.min.css" /><link rel="stylesheet" href="/myprj/css/spinkit.css" />
<!-- Js -->
<script src="/myprj/lib/jQuery/dist/jquery.js"></script>
<script src="/myprj/node_modules/systemjs/dist/system.js"></script>
<script src="/myprj/node_modules/core-js/client/shim.js"></script>
<script src="/myprj/node_modules/zone.js/zone.js"></script>
<script src="/myprj/node_modules/reflect-metadata/reflect.js"></script>
<!-- Configure SystemJS -->
<script src="/myprj/js/systemjs.config.js"></script>
<script>
System.import('app').catch(function(err){ console.error(err); });
</script>
<my-app>Loading...</my-app>
<hr />
<footer>
<p>© 2016 - myprj</p>
</footer>
</div>
<script src="/myprj/lib/jquery/dist/jquery.js"></script>
<script src="/myprj/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="/myprj/js/site.js?v=PO_8e6bIDi7De8_fdNEN0tfEE9tOM_13R3l4268U5_Y"></script>
</body>
</html>
索引-myprj
切换导航
-
-
注销
System.import('app').catch(函数(err){console.error(err);});
加载。。。
&抄袭;2016-myprj
由于该站点运行在一个子目录中,因此我必须更改_Layout.cshtml文件中的base
从
<base href="/">
到
文件。写(“”);
这解决了几乎所有的参考问题,因为托管在子目录中。由于站点运行在子目录中,我必须更改_Layout.cshtml文件中的base 从
<base href="/">
到
文件。写(“”);
这解决了几乎所有的参考问题,因为托管在子目录中。Hi,我对Angular2不太了解,但我会尽力提供帮助。您能否更新您的问题,说明如何在html页面中包含
main.js
。我相信在我的设置中,angular框架会查找包加载器systemjs.config.js以获取main.js。例如,如果我将上面代码中的“main”改为main:'myprj/wwwroot/app/main.js'。。然后加载程序尝试从http://mysite.com/app/myprj/wwwroot/app/main.jsOk加载,但您的html页面中是否包含任何内容?included my index.htmlI将我的sytemjs.config.js的“map”下的“app”更改为app:“myprj/wwwroot/app/”。现在它确实尝试从http://mysite.com/myprj/wwwroot/app/main.js加载该文件,但仍然失败(404),尽管该文件位于该文件夹中。嗨,我对Angular2了解不多,但我会尽力提供帮助。您能否更新您的问题,说明如何在html页面中包含main.js
。我相信在我的设置中,angular框架会查找包加载器systemjs.config.js以获取main.js。例如,如果我将上面代码中的“main”改为main:'myprj/wwwroot/app/main.js'。。然后加载程序尝试从http://mysite.com/app/myprj/wwwroot/app/main.jsOk加载,但您的html页面中是否包含任何内容?included my index.htmlI将我的sytemjs.config.js的“map”下的“app”更改为app:“myprj/wwwroot/app/”。现在它确实尝试从http://mysite.com/myprj/wwwroot/app/main.js加载该文件,但仍然失败(404),尽管该文件位于该文件夹中。我认为它更容易理解。我使用
。我认为这更容易理解。