He seguido la guía de inicio y ampliado un poco en un anterior angular 2 de la versión. He actualizado mi revisión y todo cambió en consecuencia.
Cuando estoy ejecutando el servidor web ahora me aparece el error 404 para traceur…
Angular 2 - 404 traceur no se encuentra

Aquí está mi proyecto de estructura:
Angular 2 - 404 traceur no se encuentra

Archivos relevantes :

Index.html:

    <html>
<head>
    <title>Kinepolis HR-tool</title>

    <base href="./">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Kinepolis HR tool">
    <meta name="author" content="Jeffrey Devloo!">

    <link  type="text/css" href="assets/css/bootstrap.min.css" />
    <!-- CSS for PrimeUI -->

    <!-- 1. Load libraries -->
    <!-- Polyfill(s) for older browsers -->
    <script src="node_modules/es6-shim/es6-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>

    <!-- 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>

systemjs.config.js

(function(global) {

    //map tells the System loader where to look for things
    var map = {
        'app':                        'app', //'dist',
        'rxjs':                       'node_modules/rxjs',
        'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
        '@angular':                   'node_modules/@angular',
    };

    //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': { defaultExtension: 'js' },
    };

    var packageNames = [
        '@angular/common',
        '@angular/compiler',
        '@angular/core',
        '@angular/http',
        '@angular/platform-browser',
        '@angular/platform-browser-dynamic',
        '@angular/router',
        '@angular/router-deprecated',
        '@angular/testing',
        '@angular/upgrade',
    ];

    //add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
    packageNames.forEach(function(pkgName) {
        packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
    });

    var config = {
        map: map,
        packages: packages
    }

    //filterSystemConfig - index.html's chance to modify config before we register it.
    if (global.filterSystemConfig) { global.filterSystemConfig(config); }

    System.config(config);

})(this);

tsconfig.json

    {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

Un posible problema podría ser Angular 2 - 404 traceur no se encuentra este es el boicot de mi progreso.

17 Comentarios

  1. 30

    Tengo este problema al siguiente Angular Héroes tutorial. Fue causada por la ubicación no válida de la angular-en-memoria-en la web de la api de importación, en el systemjs.config.js archivo. La ubicación correcta debería ser :

    'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
    

    y eliminar paquetes.angular-en-memoria-en la web de la api de

    ver https://github.com/angular/quickstart/commit/541bdc5f634e1142860c56cace247234edfaf74b

    • Cuestión que se planteó para que github.com/angular/angular.io/issues/2667
    • Gracias, esta era mi problema fue bien!
    • Uno agradable. Gracias
    • Gracias! Usted salvó mi día!!!
    • Que resolver mi problema. Gracias. Pero… eh, eso es un fallo muy obscuro para un ejercicio de entrenamiento — como un Angular de principiante, no hay ninguna manera me he encontrado que para mí. Te gustaría ser capaz de ampliar su respuesta a la cuéntanos cómo te pareció, y por qué habría sido de esta manera en el primer lugar? Gracias de nuevo por la respuesta, realmente lo apreciamos!
    • Una falta importante es que usted necesita para ajustar la instrucción de importación en la aplicación.el módulo.ts import { InMemoryWebApiModule } from 'angular-in-memory-web-api';

  2. 23

    En caso de que ayuda a cualquier persona, en ambas ocasiones he experimentado este problema, que ha sido causado por los comentarios multilínea (ver Picci la respuesta de aquí para un ejemplo).

    • Oh, wow, esto es una locura! Me estaba rompiendo mi cabeza esta por como 2 horas, y los comentarios de varias líneas eran el problema.
    • Esto era lo que me había hecho demasiado. no puede creer que esa fue la causa. Cómo se supone que debes decir que es el caso con un error como que 😮 Gracias!
    • No puedo confiar en código comentado ya 🙁
    • Surrealista, seguro que será un rascador de cabeza para muchos un desarrollador años más tarde.
    • Gracias al hombre que me salvó la vida. Yo solo iba a la locura, porque de este maldito error…
  3. 22

    El problema fue que uno de mis servicios no era válido. He añadido el constructor como uno de los últimos métodos para demostrar los efectos y se negó a cargar.

    Así que para aquellos que nunca iba a encontrar este error, abra el error y compruebe los archivos de referencia de los errores. El problema NO es que no encuentra el traceur pero es que él NO puede cargar un archivo.

    • sigue teniendo este problema y no puedo solucionarlo. alguna idea? :/ stackoverflow.com/questions/38954205/…
    • esto es tan odioso: tenía este error varias veces y SIEMPRE relacionado a algo diferente traceur. Lo que está mal con SystemJS? Sería duro para conseguir un correcto seguimiento o de depuración?
    • Tengo el mismo error al poner una sentencia de importación en el interior de una de varias líneas de comentarios. Simplemente agregando comillas alrededor de que la sentencia de importación se ha solucionado el problema. Muy extraño.
    • Gracias! Mi problema era el archivo estaba en .js extensión en lugar de .ts (facepalm)
    • Esto es increíble, todavía tengo este problema después de horas de búsqueda, ninguna de las anteriores solución resuelto el problema, pensé que Angulares chicos terminado con todos los unexplain errores. Esta es una muy mala noticia de que un error, no se puede decir cuál es exactamente el problema, y como solucionarlo, en Lugar, usted tiene que adivinar y de búsqueda de la solución de muchos, muy triste
    • Gracias, gracias, gracias! Conjunto de mi TS compilador ya no puede emitir comentarios y se solucionó mi problema.

  4. 6

    He experimentado este mismo error al migrar de RC4 RC6.

    Para mi proyecto, he tenido que actualizar el systemjs.config.js archivo. He dejado de hacer referencia a la raíz index.js los archivos, y comenzó a hacer referencia a la core.umd.js los archivos en /paquetes.

    Siguiendo este: ejemplo

  5. 4

    En mi caso yo ni siquiera había traceur como una dependencia en node_modules y la aplicación estaba funcionando bien, pero de repente comenzó a pedir traceur después de la adición de una biblioteca que no necesita traceur bien.

    La solución fue hacer referencia a la reciente incorporación de las bibliotecas de bundles carpetas en lugar de src (o carpeta predeterminada) en system.config.js y especificando el .umd.js versión de los archivos. También, tuve que quitar el main entrada de la packages sección.

    La razón detrás de esto es que la carga de la umd módulos de la bundle carpetas no se activa el traceur transpiler, ya que asume que el módulo de biblioteca ya está en el formato correcto.
    De lo contrario, se puede suponer que el código está escrito en es2015 y necesidades transpilation por lo que invoca traceur.

    Me encontré con este traceur problema después de intentar conectarse a un Firebase instancia de un perfectamente ejecutables «Tour de los Héroes» de la aplicación con la ayuda de AngularFire2. He intentado todas las respuestas aquí, pero ninguno de ellos me ayudó, así que busqué en google hasta que me encontré con este github problema.

    • Gracias. A mí me funcionó 🙂
  6. 3

    Pasé hasta 3 horas tratando de averiguar lo que yo hice mal en mis códigos, yo era capaz de descubrir que «Comentando una sección de mis códigos de la causa del problema».

    Así que por favor asegúrese de que usted no está comentando alguno de sus códigos fuera del alcance de un componente

    • Gracias ! Sálvame de 1h 🙂
    • me alegro de que te ayudaron
  7. 3

    Tengo este error cuando se ejecuta angular4 de inicio rápido de proyecto en asp.net mvc.
    el cambio de «es2015» a «commonjs» dentro de tsconfig.json resuelto mi problema.

    • Ya esta resuelto el problema para mí también.
  8. 2

    El problema está dentro de la system.js pienso:

    No es una expresión regular, que se utiliza para detectar la importación-declaraciones:

    var esmRegEx = /(^\s*|[}\);\n]\s*)(import\s*(['"]|(\*\s+as\s+)?[^"'\(\)\n;]+\s*from\s*['"]|\{)|export\s+\*\s+from\s+["']|export\s*(\{|default|function|class|var|const|let|async\s+function))/; 
    

    Esta expresión regular detecta la importación de declaraciones en multiline comentarios y la causa de este terrible error. He abierto un tema aquí:

    https://github.com/systemjs/systemjs/issues/1408

  9. 2

    @Coquelicot Dio una respuesta similar, pero pensé que tenía que responder de todos modos ya que la mía tiene un poco más de detalle. Yo normalmente no tienen problemas con el uso de multi-línea de comentarios, pero si pongo una sentencia de importación dentro de uno, entonces me sale este error exacto. Simplemente poner comillas alrededor de la declaración de importación se deshizo de el error para mí. Muy extraño.

    • Gracias! Esto fue exactamente mi problema.
  10. 2

    Porque de cambio de versión se tira un error 404.
    para resolver este problema tenemos que hacer a continuación modificaciones en systemjs.config.js archivo:

    1. reemplazar npm:angular-in-memory-web-api/ con npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js. en el mapa.

    2. quitar a continuación el código en paquetes de:

      'angular-in-memory-web-api': {
          main: './index.js',
          defaultExtension: 'js'
      }
      
  11. 1

    Tengo el mismo problema, luego de googlear para este caso, lo resuelto por la cambió:
    Meollo de la cuestión: principal: ‘index.js» debe ser cambiado a principal: ‘bundles/core.umd.js’

    packageNames.forEach(function(pkgName) {
        packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
    });
    

    => main: ‘bundles/core.umd.js’

    packages: {
        '@angular/core': {
            main: 'bundles/core.umd.js'
        },
        '@angular/compiler': {
            main: 'bundles/compiler.umd.js'
        },
        '@angular/common': {
            main: 'bundles/common.umd.js'
        },
        '@angular/platform-browser': {
            main: 'bundles/platform-browser.umd.js'
        },
        '@angular/platform-browser-dynamic': {
            main: 'bundles/platform-browser-dynamic.umd.js'
        },
        '@angular/http': {
            main: 'bundles/http.umd.js'
        }
    }
    

    Nota: Mis mapas:

    map: {
        '@angular': 'node_modules/@angular',
        'rxjs': 'node_modules/rxjs'
    }
    
  12. 1

    He tenido el mismo problema y no se podía cargar uno de mis archivos. He abierto el archivo y todo estaba correctamente.

    El problema era que yo he tenido un fragmento comentado en el mismo archivo. Fragmento contenía la palabra clave «de exportación de la clase«. Aunque se comentó, fue analizado por Angulares.

    Asegúrese de que usted no tiene «de exportación de la clase» de palabras clave en sus comentarios, y borre el código comentado sólo para comprobar si funciona sin él.

    • Me pasó a mí también. Cosa extraña es que ocurrió sólo para el código comentado por /* */ y para la importación de declaraciones así
  13. 1

    Hay varias razones detrás de este error,

    1)a Veces los comentarios se menciona en la parte superior de la aplicación.componente.archivo ts

    2)que apunta a una incorrecta umd archivo

    3)Si usted está usando ts(Manuscrito) versión, por favor mencione el transpiler opciones en config.js archivo como a continuación o compilar todo .archivo ts .archivo js usando transpiler y, a continuación, de referencia .archivo js en el código:

    (function (global) {
        System.config({
            transpiler: 'ts',
            typescriptOptions: {
              tsconfig: 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',
                //other libraries
                'rxjs': 'npm:rxjs',
                'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
                'angular2' : ''
            },
            //packages tells the System loader how to load when no filename and/or no extension
            packages: {
                app: {
                    main: './main',
                    defaultExtension: 'ts'
                },
                rxjs: {
                    defaultExtension: 'js'
                },
                'angular-in-memory-web-api': {
                    main: './index.js',
                    defaultExtension: 'js'
                }
            }
        });
    })(this);
    
  14. 1

    Creo que la primera cosa que usted debe hacer es comprobar si se ha de descargar el traceur!He conocido a este problemas y token de mí varias horas de búsqueda.Pero me di cuenta que no es un traceur en mi node_modules directorio. Así que he intentar npm install traceur para instalar traceur.Luego de la actualización de la systemjs.config.js,añadiendo una línea como 'traceur':'npm:traceur/bin/traceur.js'. Afortunadamente,este problema fue resuelto.Espero que esto le puede ayudar !

    • Perfecto, funcionó para mí.
  15. 0

    En primer lugar, se debe compilar su Manuscrito archivos con

    $ tsc 
    

    comando. Si está ejecutando la aplicación fuera del nodo envirnoment, se deben compilar los Manuscritos de los archivos manualmente.

    También comprobar tsconfig.json – si la versión del script se establece como ES6 Angular 2.0

    • Te refieres a ES6 no EC6, ¿verdad?
    • Sí, es mi error.
  16. 0

    Para mí, lo que pasó es que un compañero de trabajo elimina un archivo de Transcripción, lo que significaba que tenía un viejo *.archivo js ya no es necesario (ya que nuestra fuente de control ignora estos archivos). Si el traceur de error hace referencia a un *.archivo js no es necesario, elimine el archivo.

Dejar respuesta

Please enter your comment!
Please enter your name here