Problemas encontrados al importar el proyecto [vue-Chat-demo] en Vue

1. El problema ocurre

1. Indique que necesita instalar sass-loader y node-sass
2. Después de instalar sass-loader, se produce un error al ejecutartypeError: this.getOptions is not a function
3. La instalación de nodo-sass falló

2. Solución

Instale las versiones correspondientes de node-sass y sass-loader según la versión del nodo y la versión del paquete web.
Por ejemplo, en mi máquina:

node -v
# 14.17.1
npm list webpack
# 4.46.0

Entonces instale [email protected] y [email protected]

npm install node-sass@4.14.1 --save-dev
npm install sass-loader@10.4.0 --save-dev

3. Detalles de la resolución

3.1 Surgen problemas

dirección de vue-chat:

• Dirección del proyecto (autor original): https://github.com/coffcer/vue-chat
• Dirección de este proyecto (refactorizada): https://github.com/is-liyiwei

Al importar el proyecto, encontré dos problemas cuando puse todos los archivos en el proyecto front-end y lo ejecuté. La primera vez que lo ejecuté, se me pidió que instalara sass-loader. Instalé directamente npm sass-loader y luego ejecutó el proyecto.
Error: typeError: this.getOptions no es una función
. Qué problema tan clásico: debería ser una discrepancia de versión.

3.2 consulta e instalación de la versión sass-loader

1. Busque sass-loader en el sitio web de consulta de paquetes de NPM e ingrese.
   
2. Ingrese al repositorio github de sass-loader
   
3. Abra el archivo package.json y verifique las versiones de los proyectos dependientes.

4. Verifique la información del nodo local y del paquete web y obtenga la información de la versión del nodo como v14.17.1 y la información de la versión del paquete web como @4.46.0.

 node -v

npm list webpack

Seleccione la versión de sass-loaderde según el nodo y el paquete web: 10.4.0.

• La información de la versión del nodo local es v14.17.1 y la información de la versión del paquete web es @4.46.0.
• [email protected] requiere que la versión del nodo sea mayor o igual a 10.13.0 y la versión del paquete web sea mayor que 4.36.0 cuando la versión principal es 4 o mayor que 5.0.0 cuando la versión principal es 5 .
  

npm install sass-loader@10.4.0 --save-dev

3.3 consulta e instalación de la versión node-sass

Después de instalar sass-loader, se le solicitará que instale node-sass cuando ejecute el proyecto.
Después de instalar directamente npm node-sass, descubrí que no se podía instalar. Al principio pensé que era un problema de red, pero luego descubrí que node-sass y node también tienen dependencias de versión. Ver: Tabla oficial de correspondencia de nodos y nodos.

Luego verifique las versiones 4.14.0 y 4.14.1

e instale [email protected]

npm install node-sass@4.14.1 --save-dev

¡DE ACUERDO! ¡Ya terminaste!

4. Resumen

Un mensaje para los novatos: resuma la experiencia al resolver problemas.

1. Necesita conocer los mensajes de error comunes, como dependencias faltantes y problemas de versión.
2. Herramienta de consulta de paquetes NPM. Si desea utilizar la URL de npm, la utilizará con frecuencia.
3. El uso de GitHub, como ver versiones históricas.
4. La estructura de un proyecto Vue.