12
votes

Angular2 / ASP.NET - "Aucun mise en œuvre de ressources n'a été fourni. Impossible de lire l'URL"

J'essaie de construire mon propre spa angulaire 2 / asp.net sur Visual Studio. Vous pouvez trouver tous les fichiers ici .

Ce que j'ai essayé de faire est simple: après avoir suivi les instructions pour configurer l'application ICI , j'ai commencé à ajouter mes propres fichiers dans une tentative de routage de base et j'ai supprimé certains fichiers superflus. J'ai clientapp / app / app.module.ts bootstrapping clientApp / app / composants / app / app.component.ts et le seul itinéraire est clientApp / app / composants / app / test.component.ts

Malheureusement, j'ai eu cette erreur: xxx

Tout semble jeté, Mais je suis nouveau à tous les deux angular 2 et asp.net, donc je ne sais pas s'il s'agit d'une question de compilateur ou d'une erreur humaine. Voici une partie du code, si vous avez besoin de plus d'informations, le lien vers le repo est en haut de cette question.

clientApp / app / app.module.ts xxx

clientApp / app / composants / app / app / app.component.ts xxx

ClientApp / app / composants / app / test.component.ts xxx


6 commentaires

Est-ce que app.component.html existe? Vous y référez-le dans le code, mais l'avez-vous créé?


Oui, et c'est dans le même dossier que APP.COMPONENT.TS


Avez-vous déjà trouvé la cause de cela? Concentrer dans le même problème avec des projets générés par Yeoman.


Mee aussi ..from Une nouvelle installation de Yeoman Aspnetcore-angular2-spa


@Lespaul avez-vous pu trouver une résolution pour cela?


Oui, votre réponse était correcte. Je le pensais seul, mais comme vous étiez correct, vous obtenez la réponse acceptée.


7 Réponses :


0
votes

Vérifiez votre version WebPack (dans une fenêtre de ligne de commande, exécutez Webpackion ), s'il s'agit de 1.xx, installez la dernière version de Webpack 2 (2.2.x) et exécutez-la sur le dossier de la solution et réessayez


0 commentaires

0
votes

Je cours dans ceci et dans mon cas, le problème provenait d'une mise à niveau du chargeur angulaire2-templatee. La nouvelle version "0.6.1" a provoqué l'apparition de cette erreur. J'ai introduit la version précédente "0.6.0" et tout a fonctionné ok.


0 commentaires

8
votes

L'Universalomalodule exige actuellement que les actifs externes pour les modèles et les styles utilisent ().

Essayez de changer templateurl: './test.component.html' à modèle: nécessite ('./ test.component.html') . .

et STYSTURLS: ['./TEST.CONPONENT.CSS'] à Styles: [exiger ("./ test.component.css ')]

Plus de détails sur le problème peut être trouvé ici: Impossible de charger des actifs sans utiliser () < / a>

Pour référence, voici le thread de la question de Angular sur Github: TRACK RUNTIME STYSTERLS . Ils recommandent d'utiliser le gabarit-chargeur angulaire2.


0 commentaires

0
votes

J'ai eu le même problème et aucune des solutions ci-dessus a aidé. Cependant, j'avais vu une mention dans un vidéo Steve Sanderson YouTube qui MEMPLATEURL: (et STYSTERLS: ) pourrait être remplacé avec juste Modèle: (et styles: ). Donc, j'ai pris une photo dans le noir. Cette tâche fixe pour moi et moi avons pu passer à côté suivant.


0 commentaires

4
votes

Mon problème était que je suis un webpack noob et essayé d'exécuter une commande tc qui selon Steve Sanderson :

Causes vs to Spew orbage .js Tout sur vos répertoires source ...

Le correctif est à

  1. Nettoyez tous les *. JS et *. JS.MAP Fichiers
  2. Assurez-vous est vrai dans le *. CSPROJ
  3. Essayez d'exécuter un projet à nouveau

0 commentaires

0
votes

Dans mon cas, j'ai résolu le problème en supprimant le trait d'union du nom de la composante: produit-list.component => faux produitsList.component => OK


0 commentaires

1
votes

Ce problème se produit à partir de angular2-template-chargeur avec SSR et il y a Quelques raisons pour lesquelles ce problème apparaît:

  • important : vérifier si angular2-template-chargeur est à jour.

    généralement, tous les problèmes sont liés à @Component.

    • Comme mentionné - dans le nom du composant. (Ceci a été corrigé)
    • Commentaires dans @Component

0 commentaires