AngularJS 2快速入门“;GET/app/app.main.js“;错误(404):“;“未找到”;
我正在尝试通过angular 2快速入门,遇到了这个错误消息AngularJS 2快速入门“;GET/app/app.main.js“;错误(404):“;“未找到”;,angularjs,Angularjs,我正在尝试通过angular 2快速入门,遇到了这个错误消息 Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://172.17.12.201:8080 Hit CTRL-C to stop the server [Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" "Mozilla/5.0 (Wind
Starting up http-server, serving ./
Available on:
http://127.0.0.1:8080
http://172.17.12.201:8080
Hit CTRL-C to stop the server
[Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36"
[Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" Error (404): "Not found"
systemjs.config.js的设置与他们的设置完全相同:
/**
* System configuration for Angular 2 samples
* Adjust as necessary for your application needs.
*/
(function(global) {
// map tells the System loader where to look for things
var map = {
'app': 'app', // 'dist',
'@angular': 'node_modules/@angular',
'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
'rxjs': 'node_modules/rxjs'
};
// packages tells the System loader how to load when no filename and/or no extension
var packages = {
'app': { main: 'main.js', defaultExtension: 'js' },
'rxjs': { defaultExtension: 'js' },
'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
};
var ngPackageNames = [
'common',
'compiler',
'core',
'forms',
'http',
'platform-browser',
'platform-browser-dynamic',
'router',
'router-deprecated',
'upgrade',
];
// Individual files (~300 requests):
function packIndex(pkgName) {
packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
}
// Bundled (~40 requests):
function packUmd(pkgName) {
packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
}
// Most environments should use UMD; some (Karma) need the individual index files
var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
// Add package entries for angular packages
ngPackageNames.forEach(setPackageConfig);
var config = {
map: map,
packages: packages
};
System.config(config);
})(this);
main.js被传输为app/main.js。那么,是什么导致服务器尝试路由到app/app/main.js呢?我搜索了又搜索,似乎没有什么不对劲,似乎没有其他人有这个问题。有没有其他地方可以布置路线
更新:根据@Jayesh的请求,我正在添加文件结构的图片。万事俱备。:)
我遵循了最新的教程,效果非常好。我想你用错误的名字做了这个文件。您可能创建了一个名为app/app.main.ts的文件,而不是在app文件夹ie:app/main.ts中创建文件main.ts,这可能会导致您面临的错误
如果没有,那么文件夹结构的一小部分可能有助于确定根本原因。好的,问题是教程指定了main.ts,它会传输到main.js。服务器正在查找app.main.js。因此,一旦我将文件更改为app.main.ts,它就工作了。直到我阅读了@Jayesh的评论,我才正确地看到错误消息,因为它是红色加蓝色的,看起来像是app/app/main.js。因此,感谢您的查看。:) 我在上面添加了它,因为它不允许我在评论中添加图片。:)我知道了,但是读了你的评论让我意识到发生了什么,所以谢谢!