javascript - para - SystemJS realiza ~ 200 solicitudes de archivos no existentes

llamar funcion javascript desde otro archivo. js

Question

Estoy realmente perdido sobre esto. Cuando cargo mi aplicación Angular2, tengo aproximadamente 200 solicitudes a mi servidor para archivos no existentes en node_modules/systemjs . Aquí hay una muestra de esas peticiones:

127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/Subject.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/Observable.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/root.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/toSubscriber.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/Subscriber.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/isFunction.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/Subscription.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/isArray.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/isObject.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/tryCatch.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/errorObject.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/UnsubscriptionError.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/Observer.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/rxSubscriber.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/observable.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/ObjectUnsubscribedError.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/SubjectSubscription.js.map HTTP/1.1" 404 -
127.0.0.1 - - [13/Sep/2016 13:00:06] "GET /node_modules/systemjs/dist/from.js.map HTTP/1.1" 404 -

Mi aplicación Angular2 funciona bien, no recibo un solo error, todo funciona como se esperaba. Pero esas ~ 200 404 solicitudes realmente están ralentizando la carga de la página. Por una razón que realmente no puedo entender, esas 404 solicitudes ni siquiera aparecen en la pestaña de network mi navegador, pero Wireshark confirma que vienen de allí.

Aquí está mi systemjs.config.js :

/**
* System configuration for Angular 2 samples
* Adjust as necessary for your application needs.
*/
(function (global) {
System.config({
defaultJSExtensions: true,
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'',
// angular testing umd bundles
''@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/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/http/testing'': ''npm:@angular/http/bundles/http-testing.umd.js'',
''@angular/router/testing'': ''npm:@angular/router/bundles/router-testing.umd.js'',
''@angular/forms/testing'': ''npm:@angular/forms/bundles/forms-testing.umd.js'',
// other libraries
''rxjs'': ''npm:rxjs'',
''angular2-in-memory-web-api'': ''npm:angular2-in-memory-web-api'',
''moment'': ''npm:moment/moment'',
''ng2-bs3-modal'': ''npm:ng2-bs3-modal'',
},
// 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''
},
''angular2-in-memory-web-api'': {
main: ''./index.js'',
defaultExtension: ''js''
},
}
});
})(this);

Answer 1

Lo que está viendo es su navegador que solicita mapas de origen , archivos que actúan como "diccionarios" que traducen el código transformado (como transpilación o minificación) en su forma antes de la transformación. Esto generalmente se activa cuando tienes el depurador abierto y con el soporte de mapa de origen habilitado . Este es un comportamiento normal. Si cierra su depurador y vuelve a cargar su aplicación, las solicitudes de mapas de origen no se realizarán.

Sin embargo, parece que su aplicación está solicitando mapas de origen en el lugar equivocado. Esas parecen bibliotecas de terceros que buscan su mapa de origen en el directorio del módulo systemjs. Consulte la documentación del sistema sobre cómo se manejan las rutas.

Answer 2

Para completar la respuesta de Joseph, estás cargando archivos de mapas. Así que tienes 2 opciones:

• Usa archivos de mapas y tendrás que generarlos. Ve en tu archivo tsconfig.json. Aquí puedes solicitar generar mapas.

• no lo uses Así que puedes deshabilitarlos en la configuración de tus devtools. Normalmente, en el panel de devtools, tienes un equipo en algún lugar de la barra superior (depende de tu versión de Chrome). Dentro de la configuración, puede desactivar el uso de mapas