Capítulo 1 Prefacio
Creo que muchos amigos que son nuevos en Vue tendrán una situación así, es decir, obtendrán un proyecto. No importa cómo lo hagan, el comando para ejecutar el proyecto siempre es npm run server. Por supuesto, definitivamente no hay Problema si lo ejecutamos de esta manera y para la mayoría de los proyectos. En términos generales, se puede ejecutar, pero es posible que no sepa la razón por la que se ejecuta de esta manera. A continuación, daré un comando npm run dev . Al usar este comando, a veces el código se puede ejecutar usando npm run dev, pero a veces se informará un error. El error es el siguiente:
- Ejemplo de informe de errores:
A continuación, hablaré sobre el motivo del error.
Capítulo 2 Más información: encontrar y resolver problemas
- Vea el motivo del error y tradúzcalo.
Después de la traducción, es obvio que el mensaje de error dice que nuestro script npm run dev: carece de dev. Necesitamos verificar si hay dev en la lista de scripts y luego ejecutarlo.
- Publique una pregunta: ¿Por qué el script tiene servicio cuando npm ejecuta el servicio? ¿Cómo verificarlo?
- resolver:
- 1. Mira los dos archivos, el nombre debe ser `.env.${name}`
Descripción: configuración .env.development para desarrollo; configuración .env.production para producción
¿Para qué se utilizan estos dos archivos?
- 2. Busque la lista de scripts, en el archivo package.json.
--Tenga en cuenta que los scripts de este archivo son la lista de scripts mencionada en el informe de error anterior.
--Y : xxx en npm run xxx puede entenderse como la clave del par clave-valor , de hecho, lo que se ejecuta es el valor configurado por el script en package.json ;
--Por ejemplo, npm run server en realidad ejecuta vue-cli-serviceserve; npm run build en realidad ejecuta vue-cli-service build
- Cuando npm ejecuta dev, es obvio que no hay un par clave-valor de dev en el script, por lo que se informará un error.
--El informe de error se ha resuelto y probablemente conozca el principio. !
Suplemento del Capítulo 3
Suplemento 1: Explicación, más fácil de entender——
- npm run save: al compilar, cargará automáticamente variables del entorno .env.dev.
- npm run build: cargará automáticamente variables de entorno en el archivo .env.prod durante la compilación
Suplemento 2: al crear múltiples entornos para diferentes pruebas——
Tenga en cuenta que la compilación aquí es diferente de la anterior. Hay un comando build:preview adicional . Obviamente, este comando también tiene un archivo .env.prview correspondiente. npm run build:preview: irá automáticamente al .env.preview archivo durante la compilación Cargue variables de entorno, use --no-module y --mode vista previa en los valores para fines de identificación
Entonces, cuando alguien usa el comando: npm run build:test, necesitamos ver si los pares clave-valor en los scripts existen y cumplen con los requisitos.
Suplemento 3: Implementación del proyecto