Capítulo 1 Prefácio
Acredito que muitos amigos que são novos no Vue passarão por essa situação, ou seja, conseguirão um projeto. Não importa como sejam feitos, o comando para executar o projeto é sempre npm run serve . Claro, definitivamente não há problema se executarmos dessa maneira e para a maioria dos projetos De modo geral, ele pode ser executado, mas você pode não saber o motivo pelo qual funciona dessa maneira. A seguir, darei um comando npm run dev . Ao usar este comando, às vezes o código pode ser executado usando npm run dev, mas às vezes um erro será relatado. O erro é o seguinte:
- Exemplo de relatório de erros:
A seguir falarei sobre o motivo do erro.
Capítulo 2 Saiba mais: Encontre e resolva problemas
- Veja o motivo do erro e traduza-o
Após a tradução, é óbvio que a mensagem de erro diz que nosso script npm run dev: carece de dev. Precisamos verificar se há dev na lista de scripts e então executá-lo.
- Poste uma pergunta: Por que o script serve quando o npm run serve?
- resolver:
- 1. Observe os dois arquivos, o nome deve ser `.env.${name}`
Descrição: configuração .env.development para desenvolvimento; configuração .env.production para produção
Para que servem esses dois arquivos?
- 2. Encontre a lista de scripts - no arquivo package.json
--Note , os scripts neste arquivo são a lista de scripts mencionada no relatório de erros anterior.
--E : xxx em npm run xxx pode ser entendido como a chave do par chave-valor.Na verdade, o que é executado é o valor configurado pelos scripts em package.json ;
--Por exemplo, npm run serve realmente executa vue-cli-service serve; npm run build realmente executa vue-cli-service build
- Quando o npm executa dev, é óbvio que não há par chave-valor de dev no script, portanto, um erro será relatado.
--O relatório de erro foi resolvido e você provavelmente conhece o princípio! !
Suplemento do Capítulo 3
Suplemento 1: Explicação, mais fácil de entender——
- npm run serve: Ao compilar, ele carregará automaticamente variáveis do ambiente .env.dev.
- npm run build: carregará automaticamente variáveis de ambiente no arquivo .env.prod durante a compilação
Suplemento 2: Ao criar vários ambientes para testes diferentes——
Observe que a compilação aqui é diferente da acima. Há um comando build:preview adicional . Obviamente, este comando também tem um arquivo .env.prview correspondente. npm run build:preview: irá automaticamente para o .env.preview arquivo durante a compilação. Carregue variáveis de ambiente, use --no-module e --mode preview nos valores para fins de identificação
Portanto, quando alguém usa o comando: npm run build:test, precisamos ver se os pares chave-valor nos scripts existem e atendem aos requisitos.
Suplemento 3: Implantação do projeto