[英]Angular2 upgrade to RC6, traceur not found
升級到RC6
,發生以下錯誤:
zone.js:101 GET http://localhost/traceur 404 (Not Found)
zone.js:484 Unhandled Promise rejection: Error: XHR error (404 Not Found) loading http://localhost/traceur
at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost/vendor/zone.js/dist/zone.js:794:30)
at ZoneDelegate.invokeTask (http://localhost/vendor/zone.js/dist/zone.js:365:38)
at Zone.runTask (http://localhost/vendor/zone.js/dist/zone.js:265:48)
at XMLHttpRequest.ZoneTask.invoke (http://localhost/vendor/zone.js/dist/zone.js:433:34)
Error loading http://localhost/traceur
Error loading http://localhost/vendor/@angular/platform-browser-dynamic/index.js as "@angular/platform-browser-dynamic" from http://localhost/main.js ; Zone: <root> ; Task: Promise.then ; Value: Error: Error: XHR error (404 Not Found) loading http://localhost/traceur(…) null
zone.js:486 Error: Uncaught (in promise): Error: Error: XHR error (404 Not Found) loading http://localhost/traceur(…)
system.src.js:371 Assertion failed: loading or loaded
我知道沒有代碼就不容易解決問題,但也許有人有同樣的錯誤並想出來。
現有帖子沒有解決我的問題
更新: system.config.js:
// SystemJS configuration file, see links for more information
// https://github.com/systemjs/systemjs
// https://github.com/systemjs/systemjs/blob/master/docs/config-api.md
/***********************************************************************************************
* User Configuration.
**********************************************************************************************/
/** Map relative paths to URLs. */
const map: any = {
"ng2-charts": "vendor/ng2-charts",
'ng2-bs3-modal': 'vendor/ng2-bs3-modal',
'angular2-moment': 'vendor/angular2-moment',
"assets": "assets",
};
/** User packages configuration. */
const packages: any = {
"ng2-charts": {main: 'ng2-charts.js'},
"ng2-bs3-modal": {main: 'ng2-bs3-modal.js'},
"angular2-moment": {main: 'index.js'}
};
////////////////////////////////////////////////////////////////////////////////////////////////
/***********************************************************************************************
* Everything underneath this line is managed by the CLI.
**********************************************************************************************/
const barrels: string[] = [
// Angular specific barrels.
'@angular/core',
'@angular/common',
'@angular/compiler',
'@angular/forms',
'@angular/http',
'@angular/router',
'@angular/platform-browser',
'@angular/platform-browser-dynamic',
// Thirdparty barrels.
'rxjs',
// App specific barrels.
'app',
'app/shared',
'app/shared/navbar',
'app/shared/sidebar',
'app/shared/footer',
'app/dashboard',
'app/docs',
/** @cli-barrel */
];
const cliSystemConfigPackages: any = {};
barrels.forEach((barrelName: string) => {
cliSystemConfigPackages[barrelName] = { main: 'index' };
});
/** Type declaration for ambient System. */
declare var System: any;
// Apply the CLI SystemJS configuration.
System.config({
map: {
'@angular': 'vendor/@angular',
'rxjs': 'vendor/rxjs',
'main': 'main.js',
},
packages: cliSystemConfigPackages
});
// Apply the user's configuration.
System.config({ map, packages });
更新2:我將system.config.js更改為以下內容:
// SystemJS configuration file, see links for more information
// https://github.com/systemjs/systemjs
// https://github.com/systemjs/systemjs/blob/master/docs/config-api.md
/***********************************************************************************************
* User Configuration.
**********************************************************************************************/
/** Map relative paths to URLs. */
const map: any = {
"ng2-charts": "vendor/ng2-charts",
'ng2-bs3-modal': 'vendor/ng2-bs3-modal',
'angular2-moment': 'vendor/angular2-moment',
"assets": "assets",
};
/** User packages configuration. */
const packages: any = {
"ng2-charts": {main: 'ng2-charts.js'},
"ng2-bs3-modal": {main: 'ng2-bs3-modal.js'},
"angular2-moment": {main: 'index.js'}
};
////////////////////////////////////////////////////////////////////////////////////////////////
/***********************************************************************************************
* Everything underneath this line is managed by the CLI.
**********************************************************************************************/
const barrels: string[] = [
// App specific barrels.
'app',
'app/shared',
'app/shared/navbar',
'app/shared/sidebar',
'app/shared/footer',
'app/dashboard',
'app/docs',
/** @cli-barrel */
];
const cliSystemConfigPackages: any = {};
barrels.forEach((barrelName: string) => {
cliSystemConfigPackages[barrelName] = { main: 'index' };
});
/** Type declaration for ambient System. */
declare var System: any;
// Apply the CLI SystemJS configuration.
System.config({
map: {
'main': 'main.js',
},
packages: cliSystemConfigPackages
});
// Apply the user's configuration.
System.config({ map, packages });
System.config({
//use typescript for simple compilation (no typechecking)
//transpiler: 'typescript',
//typescript compiler options
//typescriptOptions: {
//emitDecoratorMetadata: true
//},
paths: {
'npm:': 'vendor/'
},
map: {
'app': './src',
'@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/forms': 'npm:@angular/forms/bundles/forms.umd.js',
'@angular/http': 'npm:@angular/http/bundles/http.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/router': 'npm:@angular/router/bundles/router.umd.js',
'@angular/core/testing': 'npm:@angular/core/bundles/core-testing.umd.js',
'@angular/common/testing': 'npm:@angular/common/bundles/common-testing.umd.js',
'@angular/compiler/testing': 'npm:@angular/compiler/bundles/compiler-testing.umd.js',
'@angular/http/testing': 'npm:@angular/http/bundles/http-testing.umd.js',
'@angular/platform-browser/testing': 'npm:@angular/platform-browser/bundles/platform-browser-testing.umd.js',
'@angular/platform-browser-dynamic/testing': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic-testing.umd.js',
'@angular/router/testing': 'npm:@angular/router/bundles/router-testing.umd.js',
'rxjs': 'npm:rxjs'
},
//packages defines our app package
packages: {
app: {
main: './main.ts',
defaultExtension: 'ts'
},
rxjs: {
defaultExtension: 'js'
}
}
});
現在我收到以下錯誤:
zone.js:101 GET http://localhost/vendor/@angular/common/bundles/common.umd.js/src/directives/core_directives 404 (Not Found)
下午好,我整天都有同樣的問題。 在咨詢了幾個不同的鏈接之后,我終於通過將我的system.config.ts更改為以下內容來解決它:
"use strict";
// SystemJS configuration file, see links for more information
// https://github.com/systemjs/systemjs
// https://github.com/systemjs/systemjs/blob/master/docs/config-api.md
/***********************************************************************************************
* User Configuration.
**********************************************************************************************/
/** Map relative paths to URLs. */
const map: any = {
"@angular": "vendor/@angular",
"rxjs": "vendor/rxjs",
"typescript": "node_modules/typescript/lib/typescript.js",
"materialize": "vendor/materialize-css",
"angular2-materialize": "vendor/angular2-materialize",
"jquery": "vendor/jquery"
};
/** User packages configuration. */
const packages: any = {
"materialize": {
"format": "global",
"main": "dist/js/materialize",
"defaultExtension": "js"
},
"angular2-materialize": {
"main": "dist/index",
"defaultExtension": "js"
},
"@angular/core": {
main: "bundles/core.umd.js" //use the ESM entry point for bundling tools
},
"@angular/common": {
main: "bundles/common.umd.js" //use the ESM entry point for bundling tools
},
"@angular/compiler": {
main: "bundles/compiler.umd.js" //use the ESM entry point for bundling tools
},
"@angular/forms": {
main: "bundles/forms.umd.js"
},
"@angular/http": {
main: "bundles/http.umd.js"
},
"@angular/platform-browser": {
main: "bundles/platform-browser.umd.js" //use the ESM entry point for bundling tools
},
"@angular/platform-browser-dynamic": {
main: "bundles/platform-browser-dynamic.umd.js" //use the ESM entry point for bundling tools
},
"@angular/router": {
main: "bundles/router.umd.js" //use the ESM entry point for bundling tools
},
};
////////////////////////////////////////////////////////////////////////////////////////////////
/***********************************************************************************************
* Everything underneath this line is managed by the CLI.
**********************************************************************************************/
const barrels: string[] = [
// Angular specific barrels.
"@angular/core",
"@angular/common",
"@angular/compiler",
"@angular/forms",
"@angular/http",
"@angular/router",
"@angular/platform-browser",
"@angular/platform-browser-dynamic",
// Thirdparty barrels.
"rxjs",
// App specific barrels.
"app"
/** @cli-barrel */
];
const cliSystemConfigPackages: any = {};
barrels.forEach((barrelName: string) => {
cliSystemConfigPackages[barrelName] = { main: "index" };
});
/** Type declaration for ambient System. */
declare var System: any;
// Apply the CLI SystemJS configuration.
System.config({
map: {
"@angular": "vendor/@angular",
"rxjs": "vendor/rxjs",
"jquery": "node-modules/jquery",
"materialize-css": "node-modules/materialize-css",
"angular2-materialize": "node_modules/angular2-materialize",
"main": "main.js"
},
packages: cliSystemConfigPackages
});
// Apply the user"s configuration.
System.config({ map, packages });
可以在此鏈接中找到查看應用更改的簡便方法: https : //reviews.angular.io/R4 : 4f2bc6690486610c5736ce67ead984ba7ff1ce8d
VICTORIO,
感謝您分享您的工作系統.config。 我用它來比較我的,我只需要刪除以下行並修復它:
//還沒有用於路由器的umd
packages ['@ angular / router'] = {main:'index.js',defaultExtension:'js'};
這一行附帶了Angular Quick Start RC5教程。
再次,
非常感謝分享。 我一天都在苦苦掙扎。 :-)
干杯!
我不確定你是否解決了這個問題。 但是,我遇到了一個適合我的修復程序。 實際上它只是一個修復,因為它是一個解決方法。
https://github.com/angular/angular/issues/10881
顯然,Angular解析NgModule文件存在一些愚蠢的多行注釋問題。 遷移時,我將舊的main.ts復制到/* */
以供參考。 把這些線拿出來跑完了。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.