Webstorm: "Impossible de résoudre le répertoire"

93

Cela commence à me déranger et j'aimerais qu'il soit désactivé ou corrigé. Webstorm a donc une fonctionnalité intéressante dans son analyseur HTML qui tentera de résoudre les répertoires dans des chaînes censées référencer un fichier dans votre projet. Par exemple:

deux exemples

Webstorm est correct. Mon code frontal est /appcomplet, mais mon serveur sert des fichiers dans l'application à la racine, donc dans le contexte Web, /appc'est en fait juste /. En parallèle, ce comportement a également un impact sur mes modèles angulaires:

webstorm déteste la directive angulaire templateUrl

et mes routes angular-ui (j'imagine que cela ferait aussi cela pour les routes angulaires régulières).

webstorm déteste les itinéraires angulaires templateUrl

Existe-t-il un moyen de changer Webstorm pour le traiter /appcomme root, donc c'est une fonctionnalité utile? Sinon, y a-t-il un moyen de désactiver cela? J'ai essayé d'entrer dans l'inspecteur, mais je n'ai pas trouvé d'option pour cela:

inspecteur webstorm

Et non, ce n'est pas le XML ... J'ai essayé.

Aide appréciée. Merci...

javascript html angularjs ide webstorm kentcdodds
la source
2
Cliquez avec le bouton droit sur le répertoire contenant les ressources et sélectionnez Marquer le répertoire comme -> Racine des ressources .
fracz

Réponses:

178

Pour faire des références de fichier à un dossier non racine dans votre projet, vous devez marquer ce répertoire comme une ressource . Pour ce faire, allez dans Paramètres> Répertoires et sélectionnez le dossier racine de votre actif dans le panneau de droite. Puis marquez-le comme racine de la ressource en cliquant sur le bouton au-dessus du navigateur de fichiers.

À partir de la documentation Jetbrains, une racine de ressource permet à WebStorm de compléter les chemins relatifs vers les ressources sous le dossier sélectionné . Cela signifie que vous devez utiliser Resource Root sur un dossier contenant toutes les ressources auxquelles vous souhaitez vous référer (par exemple, styles, scripts, ...).

thomastuts
la source
Excellent, je me suis toujours demandé à quoi servaient ces dossiers mais je ne suis jamais venu à essayer: P
Jani Hartikainen
2
J'ai le même problème: "Impossible de résoudre le fichier", ne peut pas résoudre le répertoire "Il semble que WebStorm, phpStrom, ait ce problème depuis très longtemps, il y a des centaines de marches demandant la même chose, pas de réponse claire, il semble, va retour à 2011, il semble que les réponses les plus courantes sont: - besoin de marquer ce répertoire comme racine de ressource - besoin de mapper le répertoire / fichier dans Paramètres> php> serveur - désactiver l'inspection. <celui-ci me fait craquer .... c'est comme désactivation des avertissements d'avis.
rudy
3
Pour moi, je marquais mes dossiers «css» et «js» comme racines de ressources. Mais j'ai continué à recevoir les avis d'erreur. Ils vivaient tous les deux sous l'annuaire "www". Marquer le dossier www comme racine de la ressource a finalement éliminé les avis. Ainsi, si vos images, js et css se trouvent dans un même répertoire, vous pouvez marquer leur répertoire parent comme racine de la ressource.
b01
Dans Webstorm 9.x sur mac, c'est sous Webstorm-> Préférences -> 'Le nom de votre projet actuellement chargé' -> Répertoires.
ra170
J'ai eu exactement la même situation et marqué correctement les répertoires. Mais de toute façon, l'inspecteur de code les a marqués comme non trouvés . Le redémarrage de PHPStorm (version 9) l'a fait. Peut-être qu'une réouverture du projet suffirait.
Markus Zeller
18

J'ai eu ce problème sur Mac et je l'ai résolu en modifiant les propriétés des répertoires.

  1. Ouvrir les préférences:

Webstorm > Preferences

  1. Accédez à la section Répertoires dans les Préférences

Project > Directories

  1. Ajouter une racine de contenu et des racines de ressources

Capture d'écran après l'ajout de la racine des ressources

geckob
la source
Ce processus n'a pas pu résoudre mes problèmes de chemin. J'ai également utilisé un long chemin comme "../../src/style.scss" pour importer des fichiers scss. En utilisant cette méthode ci-dessus, Webstorm le comprend et résout l'erreur de chemin. Mais, lors de la publication de la version de mon projet (dans angular 7), je reçois une erreur indiquant qu'il n'a pas pu trouver de fichiers scss.
akgupta le
6

pour les personnes utilisant IntelliJ Ultimate:

entrez la description de l'image ici

IHeartAndroid
la source
3
Hey! J'ai suivi cela, pas de chance (je reçois toujours l'avertissement désagréable "impossible de résoudre le répertoire"). Y a-t-il autre chose que je dois faire à part marquer le répertoire comme sources?
Madara's Ghost
Disons que votre structure de répertoires est la suivante folder1/folder2/..où folder2contient toutes vos ressources. Vous devez marquer au folder1fur Sourceet à folder2mesure Resource. Référence
Rothin Sen
2

Dans JetBrains WebStrom Aller au fichier -> Paramètres -> Panneau de gauche Sélectionnez Projet -> Cliquez sur Derectories -> Panneau du milieu Sélectionnez la racine des ressources -> ajoutez les dossiers / répertoires sous votre projet pour référence ou dans le panneau de droite, vous pouvez voir + Ajouter une racine de contenu choisissez les répertoires et le Appliquer -> OK

Nitesh Dash
la source