Webstorm: "No se puede resolver el directorio"

93

Esto está empezando a molestarme y me gustaría apagarlo o arreglarlo. Así que Webstorm tiene una característica interesante en su analizador HTML que intentará resolver directorios en cadenas que se supone que hacen referencia a un archivo en su proyecto. Por ejemplo:

dos ejemplos

Webstorm es correcto. Mi código de interfaz está todo incluido, /apppero mi servidor sirve archivos en la aplicación en la raíz, por lo que en el contexto web /appes en realidad solo /. Como lado, este comportamiento también afecta mis plantillas angulares:

webstorm odia la directiva angular templateUrl

y mis rutas angulares-ui (imagino que también lo haría para rutas angulares regulares).

webstorm odia las rutas angulares templateUrl

¿Hay alguna forma de que pueda cambiar webstorm para tratarlo /appcomo la raíz, por lo que esta es una característica útil? Si no es así, ¿hay alguna forma de que pueda desactivar esto? Intenté ir al inspector, pero no pude encontrar una opción para ello:

inspector de webstorm

Y no, no es el XML ... lo intenté.

Ayuda apreciada. Gracias...

javascript html angularjs ide webstorm kentcdodds
fuente
2
Haga clic derecho en el directorio con recursos y seleccione Marcar directorio como -> Raíz de recursos .
fracz

Respuestas:

178

Para hacer referencias de archivo a una carpeta que no sea raíz en su proyecto, deberá marcar ese directorio como un Recurso . Para hacer esto, vaya a Configuración> Directorios y seleccione la carpeta raíz de sus activos en el panel de la derecha. Luego, márquelo como Raíz de recursos haciendo clic en el botón que se encuentra sobre el explorador de archivos.

De la documentación de Jetbrains, Resource Root permite a WebStorm completar rutas relativas a los recursos de la carpeta seleccionada . Esto significa que debe usar Resource Root en una carpeta que contenga todos los recursos a los que le gustaría hacer referencia (por ejemplo, estilos, scripts, ...).

thomastuts
fuente
Excelente, siempre me pregunté cuál era el sentido de esas carpetas pero nunca se me ocurrió probar: P
Jani Hartikainen
2
Tengo el mismo problema: "No se puede resolver el archivo", no se puede resolver el directorio " Parece que WebStorm, phpStrom, han tenido este problema durante mucho tiempo, hay cientos de bandas que preguntan lo mismo, parece que no hay una respuesta clara y real" De regreso a 2011, parece que las respuestas más comunes son: - Necesito marcar ese directorio como una raíz de recursos. - Necesito mapear el directorio / archivo en Configuración> php> servidor - deshabilitar la inspección. desactivar las advertencias de aviso.
rudy
3
Para mí, estaba marcando mis carpetas "css" y "js" como raíces de recursos. Pero seguí recibiendo avisos de error. Ambos vivían en el directorio "www". Marcar la carpeta www como raíz de recursos finalmente eliminó los avisos. Entonces, si sus imágenes, js y css se encuentran en un directorio, puede marcar su directorio principal como la raíz del recurso.
b01
En Webstorm 9.x en mac, está en Webstorm-> Preferencias -> 'El nombre de su proyecto cargado actualmente' -> Directorios.
ra170
Tuve exactamente la misma situación y marqué los directorios correctamente. Pero de todos modos el inspector del código los marcó como no encontrados . Reiniciar PHPStorm (versión 9) lo hizo. Quizás reabrir el proyecto sería suficiente.
Markus Zeller
18

Tuve este problema en Mac y lo resolví cambiando las propiedades de los directorios.

  1. Abrir preferencias:

Webstorm > Preferences

  1. Vaya a la sección Directorios en las Preferencias

Project > Directories

  1. Agregar raíz de contenido y raíces de recursos

Captura de pantalla después de agregar la raíz de recursos

geckob
fuente
Este proceso no pudo resolver mis problemas de ruta. También he estado usando una ruta larga como "../../src/style.scss" para importar archivos scss. Con este método anterior, Webstorm lo entiende y resuelve el error de ruta. Pero, mientras publico la compilación de mi proyecto (en angular 7), recibo un error que dice que no pudo encontrar archivos scss.
akgupta
6

para personas que usan IntelliJ Ultimate:

ingrese la descripción de la imagen aquí

IHeartAndroid
fuente
3
¡Oye! Seguí esto, sin suerte (todavía recibo la desagradable advertencia "no se puede resolver el directorio"). ¿Hay algo más que deba hacer además de marcar el directorio como Fuentes?
Madara's Ghost
Digamos que la estructura de su directorio es la siguiente, folder1/folder2/..donde folder2contiene todos sus recursos. Necesita marcar folder1como Sourcey folder2como Resource. Referencia
Rothin Sen
2

En JetBrains WebStrom Goto File -> Settings -> Left Panel Select Project -> Click en Derectories -> Middle Panel Select Resource Root -> agregue las carpetas / Directorios debajo de su proyecto como referencia o en el panel derecho puede ver + Agregar raíz de contenido, elegir los directorios y Aplicar -> Aceptar

Nitesh Dash
fuente