webpack · npm
A mensagem
Module not found: Error: Can't resolve './components/Button' in '/app/src'
O que significa
O empacotador não achou aquele arquivo naquele caminho — este é o seu próprio import, não um pacote. Acontece quando o caminho relativo está deslocado um nível, quando a extensão falta ou está errada, ou quando as maiúsculas do nome do arquivo diferem do import. O último é o mais traiçoeiro: os sistemas de arquivos do macOS e do Windows não distinguem maiúsculas, então funciona na sua máquina e quebra só na CI Linux. Faça ls do diretório e compare com o import caractere por caractere, maiúsculas incluídas. Se o nome for um pacote e não um caminho, instale-o; em nenhum dos casos algo é apagado.
A correção
Não há um comando de uma linha. A explicação diz o que verificar.
- Impresso por
- webpack
- npm
- 20
No npm a causa está na primeira linha code XXXX e não nas seis últimas linhas npm ERR!, e quando a falha vem da árvore de dependências ou de uma compilação nativa em vez do seu código, apagar node_modules e instalar de novo resolve metade dos casos.
Como ler uma mensagem de erro
- Leia da primeira linha para baixo. Quanto mais abaixo, mais são as tripas da ferramenta; a causa costuma estar no topo.
- Se há arquivo e número de linha, comece ali — não o quadro superior da pilha, e sim a linha mais alta que nomeie um arquivo seu.
- Pesquise a mensagem literal, mas tire primeiro seus caminhos e nomes de variáveis: é isso que impede a busca de casar.
- A mesma condição é redigida de formas diferentes conforme a versão. Se os resultados não batem, some o número da versão.
- Antes de colar uma correção, veja o que ela descarta. Algumas não dá para desfazer.
Perguntas frequentes
Q. O que significa “Module not found: Error: Can't resolve './components/Button' in '/app/src'”?
O empacotador não achou aquele arquivo naquele caminho — este é o seu próprio import, não um pacote. Acontece quando o caminho relativo está deslocado um nível, quando a extensão falta ou está errada, ou quando as maiúsculas do nome do arquivo diferem do import. O último é o mais traiçoeiro: os sistemas de arquivos do macOS e do Windows não distinguem maiúsculas, então funciona na sua máquina e quebra só na CI Linux. Faça ls do diretório e compare com o import caractere por caractere, maiúsculas incluídas. Se o nome for um pacote e não um caminho, instale-o; em nenhum dos casos algo é apagado.
Q. Como corrigir?
Não há comando de uma linha. A explicação acima diz o que verificar.
Q. Qual ferramenta imprime isso?
webpack. Fica em npm e a mensagem tem 9 palavras.