Lors de l'exécution de mon programme sur localhost, il ne peut pas trouver .js fichiers, ni la source de mon bootstrap

J'ai un programme qui, en précisant l'emplacement des scripts, il est possible de les trouver (il me donne le recommandé les noms de dossier, etc., mais lors de l'exécution du programme, je reçois des

"OBTENIR http://localhost:8080/js/admin.controller.js"

erreurs.
Mes fichiers sont dans les ressources avec

  • angulaire
  • bootstrap
  • js
  • statiques (fichiers html)

Inclus dans les Fichiers HTML:

<script src="../js/admin.controller.js"></script>
<script src="../js/admin.factory.js"></script>
<script src="../js/admin.service.js"></script>

Je sors de dossier, entrez le dossier js, où il recommande le chemin, et il ne donne aucune erreur lors de la compilation. Pourtant, je suis encore en train de le OBTENEZ des erreurs lors de l'exécution ou, lorsque j'essaie d'accéder à bootstrap/angulaire. J'ai également essayé d'accéder par href.

Ce que quelqu'un sait pourquoi? Je vous serais très reconnaissant de l'aide!

  • Je ne pense pas que mettre ../ n'est pas une chose réelle pour le script / img src ou hrefs. Ce sont les dossiers que .. sont destinés à remplir?
  • L'essayer sans ../js. Où est votre html tirée?
  • Où est le code html chargé à partir de (ce que l'url)? Quelle est votre structure de dossier avec les fichiers mis en place? Pouvez-vous montrer un arbre avec les fichiers?
  • montrez-nous votre structure de dossier merci
  • 1)les Ressources --> A) Js -> admin.controller.js b) statique --> home.html
  • sry il ne me laisse pas formater
  • mettre les détails dans la question
  • edit ton post pour ajouter des informations
  • Ajouté, sry, encore de nouveaux! Ajouté une photo
  • Je pense que la statique dossier est servi en tant que public, ce qui signifie que tous vos statique actifs(js,CSS,etc) besoin d'aller en statique dossier ou modifier le dossier dans lequel est servi le public
  • Nous aurions besoin de voir comment votre serveur est de servir les fichiers statiques.
  • Si vous êtes accédant à votre index.html comme localhost:8080/static/index.html, alors cela devrait fonctionner. Mais, j'imagine que vous l'avez accès comme localhost:8080/index.html, ce qui expliquerait pourquoi il ne fonctionne pas. Qu'utilisez-vous comme serveur?
  • Je l'ai fait et je suis maintenant obtenir un autre message d'erreur "Module" mobileHomeApp " n'est pas disponible! Vous pouvez soit mal orthographié le nom du module ou oublié de le charger. Si l'enregistrement d'un module assurer que vous spécifiez les dépendances comme deuxième argument." Pas sûr si c'est associé... mais les autres erreurs disparu
  • Qu'entendez-vous par là? Comment dois-je faire à ce sujet
  • Je suis accèdent en tant que localhost:8080/index.html si j'essaie l'autre façon je reçois une erreur 404
  • Stewart ouvrir les outils de dev(F12 dans google chrome) dans votre navigateur et vérifiez que le fichier contenant le module manquant est là, je ques, il ne sera pas là ou vous avez mal orthographié, il (faute de frappe)
  • en vertu de sources, je peux voir tous mes fichiers JS ( je ne sais pas si c'était comme ça avant que je déménage à la statique dossier) juste l'erreur ci-dessus, je suis en supposant que c'est un autre bug, je peux maintenant essayer de les corriger, car je suppose qu'il voit?
  • Stewart Si le fichier est-il que cela signifie maintenant que vous avez un problème avec votre code javascript. Alors peut-être une faute de frappe ou de certains d'erreur de syntaxe dans le js. Bonne chance 🙂

InformationsquelleAutor Logs | 2015-09-23
  1. 10

    Vérifier la Structure de votre Fichier

    Si votre application n'est pas de trouver vos fichiers js de votre ne donnant pas le bon src. La structure de votre fichier devrait ressembler à ceci pour votre application principale ou quelque chose simmilar

    .
├── app
│   ├── app.module.js
│   ├── app.routes.js
│   ├── components
│   │   ├── about
│   │   │   └── about.html
│   │   ├── contact
│   │   │   └── contact.html
│   │   ├── home
│   │   │   ├── homeCtrl.js
│   │   │   ├── homeService.js
│   │   │   └── partial-home.html
│   │   ├── login
│   │   │   ├── loginCtrl.js
│   │   │   ├── login.html
│   │   │   └── loginService.js
│   │   └── services
│   │       └── services.html
│   └── shared
│       └── navigation-bar 
│           ├── navbarDirective.js
│           ├── navbarService.js
│           └── navigation-bar.html
├── assets
│   ├── css
│   │   ├── bootstrap.css
│   │   └── style.css
│   ├── img
│   │   └── homeBanner.png
│   └── js
│       └── ui-bootstrap-tpls-0.13.4.js
├── index.html
├── npm-debug.log
└── README.md

    Index.html

    Avis que Index.html est à la racine de mon application, ce devrait toujours être le cas si vous allez juste dans des dossiers afin de récupérer les scripts etc.

    Exemple

    Si vous essayez d'obtenir les fichiers javascript à partir du fichier ci-dessus est la structure de votre page d'index ressemblerait à quelque chose comme ceci 

    <!-- Angular Modules -->
<script type="text/javascript" src="app/app.module.js"></script>
<script type="text/javascript" src="app/app.routes.js"></script>
<script type="text/javascript" src="app/components/home/homeCtrl.js"></script>
<script type="text/javascript" src="app/components/home/homeService.js"></script>
<script type="text/javascript" src="app/shared/navigation-bar/navbarDirective.js"></script>
<script type="text/javascript" src="app/shared/navigation-bar/navbarService.js"></script>
<script type="text/javascript" src="app/components/login/loginCtrl.js"></script>
<script type="text/javascript" src="app/components/login/loginService.js"></script>

    Ajoutant Angulaire

    Dans l'en-tête de la page index j'ai ajouté Angulaire, c'est juste pour s'assurer qu'il se charge rapidement dans mon projet avec bootstrap.css et l'interface utilisateur.bootstrap.

    voici ce que la tête ressemble à

    <title>My Web App</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!-- Angular links -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular-animate.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script>
<!-- angularBootstrap link -->
<script type="text/javascript" src="assets/js/ui-bootstrap-tpls-0.13.4.js"></script>
<link rel="shortcut icon" href="https://angularjs.org/favicon.ico" />

    Conclusion

    Espère que cela vous donne une meilleure idée de la structure et de l'appel de scripts. n'hésitez pas à poser des questions et je vais mettre à jour cette réponse.

    • Grand commentaire. J'ai recréé le projet à l'aide de l'angle d'installation, ce qui était exactement comme vous l'avez indiqué. Cela fait beaucoup de sens. Merci!
    • Hey Logan. J'ai ce type d'application comme une coquille sur github si vous souhaitez fourche ou le clone être mon invité. ici est un lien vers l'angle de l'app. et ici c'est mon moyen modèle d'application. Ive écrit quelques commentaires dans les deux, mais jetez-moi un message ici si vous voulez m'expliquer quelque chose. l'angle d'application est divisée, chaque entité est un module. c'est les meilleures pratiques pour le développement.
    • Génial! Qui a de l'allure! Va certainement m'aider... nouvelle angulaire et bootstrap. Merci bud!
    • Vous devriez vraiment mettre à jour le fichier de structure, que vous devriez avoir une main.js et app.js pour les modules...
    • n'hésitez pas à faire quelques mises à jour de ma réponse, je n'ai pas travaillé avec angulaire 1 dans un temps long. J'ai une grande quantité de réponses et de les garder à jour serait de prendre tout mon temps.
    InformationsquelleAutor Joe Lloyd
  2. 4

    La raison pour laquelle vous ne pouvez pas accéder à ../ fichiers, c'est que votre index.html est accessible à partir de la racine de votre serveur. Tous les fichiers doivent donc être ci-dessous ce répertoire. Vous avez la possibilité de changer la racine de votre serveur (ce qui voudrait alors dire par exemple au service de votre indice de http://localhost:8080/<pathFromRoot>/index.html (pas terrible!) ou le déménagement de votre actif répertoires sous le répertoire contenant index.html - ma recommandation.

    Vous pouvez également déplacer la racine de votre serveur, mettre index.html et puis il y utiliser des chemins relatifs pour tous vos actifs. C'est probablement le plus commun de chose à faire.

    InformationsquelleAutor caasjj