webpack · Build e tipos
A mensagem
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
O que significa
Esta é a linha que o webpack acrescenta depois de Module parse failed, e quer dizer que ele tentou ler aquele arquivo como JavaScript e o arquivo não era JavaScript. Ou você importou algo que precisa de transformação — TypeScript, JSX, CSS, uma imagem, um arquivo .vue — sem nenhuma regra em module.rules, ou um pacote em node_modules publica fonte não compilada enquanto aquela pasta está no seu exclude. Acrescentar uma regra de loader para aquela extensão em module.rules é a correção, e o caminho impresso acima da mensagem diz qual arquivo travou. Apagar exclude: /node_modules/ para o erro sumir deixa todo o build bem mais lento; abrir exceção só para aquele pacote é a troca melhor.
A correção
Não há um comando de uma linha. A explicação diz o que verificar.
- Impresso por
- webpack
- Build e tipos
- 10
Erros de build são uma ferramenta recusando antes de qualquer execução, então não quebram nada no momento em que aparecem — mas fazem duas perguntas: você vai corrigir o tipo ou o caminho para bater com a forma real, ou vai empurrar aquela linha com um as any ou um comentário de supressão? E é aqui que as coisas verdadeiras só na sua máquina — caixa das letras, extensões e variáveis de ambiente — aparecem pela primeira vez.
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 “You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.”?
Esta é a linha que o webpack acrescenta depois de Module parse failed, e quer dizer que ele tentou ler aquele arquivo como JavaScript e o arquivo não era JavaScript. Ou você importou algo que precisa de transformação — TypeScript, JSX, CSS, uma imagem, um arquivo .vue — sem nenhuma regra em module.rules, ou um pacote em node_modules publica fonte não compilada enquanto aquela pasta está no seu exclude. Acrescentar uma regra de loader para aquela extensão em module.rules é a correção, e o caminho impresso acima da mensagem diz qual arquivo travou. Apagar exclude: /node_modules/ para o erro sumir deixa todo o build bem mais lento; abrir exceção só para aquele pacote é a troca melhor.
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 Build e tipos e a mensagem tem 20 palavras.