Webstorm: “Não é possível resolver o diretório”

93

Isso está começando a me incomodar e eu gostaria de desligar ou consertar. Portanto, o Webstorm tem um recurso interessante em seu analisador HTML que tentará resolver diretórios em strings que deveriam fazer referência a um arquivo em seu projeto. Por exemplo:

dois exemplos

Webstorm está correto. Meu código de front-end está completo, /appmas meu servidor fornece arquivos no aplicativo na raiz, portanto, no contexto da web /appé realmente justo /. Por outro lado, esse comportamento também afeta meus modelos angulares:

webstorm odeia a diretiva angular templateUrl

e minhas rotas angular-ui (imagino que ele faria isso também para rotas angulares regulares).

webstorm odeia rotas angulares templateUrl

Existe uma maneira de alterar o webstorm para tratá-lo /appcomo root, de modo que este seja um recurso útil? Se não, há uma maneira de desativar isso? Tentei entrar no inspetor, mas não consegui encontrar uma opção para isso:

inspetor webstorm

E não, não é o XML ... eu tentei.

Ajuda apreciada. Obrigado...

javascript html angularjs ide webstorm kentcdodds
fonte
2
Clique com o botão direito do mouse no diretório com recursos e selecione Marcar diretório como -> Raiz de recursos .
fracz

Respostas:

177

Para fazer referências de arquivo a uma pasta não raiz em seu projeto, você precisará marcar esse diretório como um Recurso . Para fazer isso, vá para Configurações> Diretórios e selecione a pasta raiz do ativo no painel direito. Em seguida, marque-o como Resource Root clicando no botão acima do navegador de arquivos.

Na documentação do Jetbrains, uma Resource Root permite que o WebStorm complete os caminhos relativos aos recursos na pasta selecionada . Isso significa que você deve usar Resource Root em uma pasta que contém todos os recursos aos quais gostaria de consultar (por exemplo, estilos, scripts, ...).

thomastuts
fonte
Excelente, sempre me perguntei qual era o objetivo dessas pastas, mas nunca me ocorreu tentar: P
Jani Hartikainen
2
Eu tenho o mesmo problema: "Não é possível resolver o arquivo", não é possível resolver o diretório " Parece que o WebStorm, phpStrom, tem esse problema há muito tempo, há centenas de passos perguntando a mesma coisa, nenhuma resposta realmente clara parece, vai de volta a 2011, parece que as respostas mais comuns são: - necessidade de marcar esse diretório como uma raiz de recurso - necessidade de mapear o diretório / arquivo em Configurações> php> servidor - desabilitar a inspeção. <este aqui me deixa louco .... é como desativando avisos de aviso.
Rudy
2
Para mim, estava marcando minhas pastas "css" e "js" como raízes de recursos. Mas continuei a receber avisos de erro. Ambos viviam no diretório "www". Marcar a pasta www como a raiz do recurso finalmente eliminou os avisos. Portanto, se suas imagens, js e css estiverem em um diretório, você pode marcar seu diretório pai como a raiz do recurso.
b01
No Webstorm 9.x no mac, está em Webstorm-> Preferências -> 'Seu nome de projeto carregado atualmente' -> Diretórios.
ra170
Eu tive exatamente a mesma situação e marquei os diretórios corretamente. Mas de qualquer forma o inspetor de código os marcou como não encontrados . Reiniciar o PHPStorm (versão 9) fez isso. Talvez reabrir o projeto fosse o suficiente.
Markus Zeller
18

Tive esse problema no Mac e resolvi alterando as propriedades dos diretórios.

  1. Abra Preferências:

Webstorm > Preferences

  1. Vá para a seção Diretórios nas Preferências

Project > Directories

  1. Adicionar raiz de conteúdo e raízes de recursos

Captura de tela após adicionar a raiz de recursos

geckob
fonte
Este processo não resolveu meus problemas de caminho. Também tenho usado um longo caminho como "../../src/style.scss" para importar arquivos scss. Usando o método acima, o Webstorm o entende e resolve o erro de caminho. Mas, ao publicar a compilação do meu projeto (no angular 7), recebo um erro informando que não foi possível encontrar os arquivos scss.
Akgupta
6

para pessoas que usam o IntelliJ Ultimate:

insira a descrição da imagem aqui

IHeartAndroid
fonte
3
Ei! Eu segui isso, sem sorte (eu ainda recebo o aviso desagradável "não é possível resolver o diretório"). Há mais alguma coisa que eu preciso fazer além de marcar o diretório como fontes?
Madara's Ghost
Digamos que sua estrutura de diretório seja a seguinte, folder1/folder2/..onde folder2contém todos os seus recursos. Você precisa marcar folder1como Sourcee folder2como Resource. Referência
Rothin Sen
2

No JetBrains WebStrom, vá para Arquivo -> Configurações -> Painel esquerdo, selecione Projeto -> Clique em Deretórios -> Painel do meio, selecione Raiz de recursos -> adicione as pastas / diretórios em seu projeto para referência ou no painel direito você pode veja + Adicionar Raiz de Conteúdo escolha os diretórios e Aplicar -> OK

Nitesh Dash
fonte