2017-05-24 2 views
0

Je suis le tutoriel Angular/Webpack avec une modification, l'application Angular se trouve dans src/ng2 au lieu de/src.Webpack Karma middleware: les fichiers source ne montrent pas l'objet demandé

Cela fonctionne, au démarrage de webpack-dev-server, mais il échoue charger toutes les ressources lors du démarrage de karma. Le message suivant est affiché:

... :DEBUG [middleware:source-files]: Requesting /[object%20Object]/
... :DEBUG [middleware:source-files]: Fetching /[object Object] 
... :WARN [web-server]: 404: /[object%20Object] 

La plupart des autres ressources sont affichées correctement avec leur nom. Comment puis-je examiner quel objet provoque le problème?

Le projet complet est disponible au https://github.com/ManfredSteiner/app14. Pour reproduire le problème, appelez npm run test2 (après l'installation de npm).

+0

Le changement d'emplacement source n'a aucune influence. Je construis le projet tutoriel exactement comme décrit (Angular 2 app sous _src_) et obtient le même effet. –

+0

La requête qui échoue concerne le fichier image 'src/assets/images/angular.png'. Si la balise * img * dans 'src/app/app.component.html' est supprimée, tout fonctionne sans erreur. Je suppose, le problème est causé par le cadre de jasmin. –

Répondre

0

karma.conf.js semble ok, mais null-loader est utilisé à la place du nécessaire fichier chargeur dans webpack.test.js.

Remplacer section webpack.test.js comme ci-dessous:

de:

{ 
    test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/, 
    loader: 'null-loader' 
} 

à:

{ 
    test : /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/, 
    loader: 'file-loader?name=assets/[name].[hash].[ext]' 
} 

et tout devrait fonctionner!