Tabla de contenido
Prefacio
¡Es él, es él!
Interfaz después de ejecutar el proyecto:
dirección del proyecto:
vue-element-admin 
https://github.com/PanJiaChen/vue-element-admin
Trabajé en ello durante tres días, cometí un error durante tres días y estaba realmente deprimido. ¡Finalmente lo resolví esta noche! ¡Espero que este blog pueda ayudar a más personas!
En primer lugar, se encuentran muchos errores, como la versión del nodo, la versión del paquete web, la versión npm, la conexión de github, etc.
Como se muestra en la imagen es el primer error encontrado:
Ninguna de las soluciones populares en Internet funcionó para mí. Junté mis propias piezas y absorbí la sabiduría de todo Internet antes de poder ejecutarlo con éxito. Comencemos con la explicación a continuación.
Solución detallada
1. El mío es un sistema Mac y debería ser aplicable a otros sistemas también. ¿Por qué la instalación npm de proyectos descargados directamente desde github sigue informando errores? Porque se han actualizado muchos complementos y habrá muchos problemas de versión si se instalan directamente según package.json. Por eso surgen problemas sin cesar. ¡Presta atención a cada paso siguiente y no te pierdas ninguno!
2. Primero confirme sus versiones de nodo y npm:
npm -v
node -vEsta es mi versión:
Hoy es 22.6.2022. Vaya al sitio web oficial para descargar el nodo 16. Se pueden usar las 16 versiones. Si no tiene la versión 16 , vaya a descargar | Node.js https://nodejs.org/zh-cn/ descargar/ descargar. Después de descargar, abra el paquete comprimido e instálelo de una manera infalible. Sobrescribirá directamente el original , por lo que ni siquiera necesitará reinstalar la versión especificada con npm: 
Después de preparar el entorno del nodo, use el proyecto que le proporcioné. Por supuesto, también puede ir al sitio web oficial para descargar el último paquete comprimido (actualmente 4.4.0). ¡Lo probé y funciona! (También puedes continuar usando el proyecto que descargaste, pero no estoy seguro de si funcionará. Puedes intentar usar el original primero):
Enlace: https://pan.baidu.com/s/1MFzC_5ioKVMm348B0RoPDA Contraseña: w4bk
Descomprima y abra en vscode.
VScode abre la terminal en el directorio del proyecto (nadie no sabe cómo abrirlo, el segundo botón en la esquina superior derecha), las siguientes operaciones eliminan el módulo node_modules y el paquete-lock.json del proyecto, y luego borran con fuerza el caché (independientemente de si utiliza el proyecto que le proporcioné, ejecute estas tres declaraciones por separado , no hay ningún daño):
rm -rf node_modules
rm package-lock.json
npm cache clear --force
Modifique la línea tui-editor en package.json para
"@toast-ui/editor": "^3.1.3",A continuación, modifique src -> componentes->MarkdownEditor->index.vue
Haz lo siguiente:
(1) Reemplace todas las importaciones al principio con las siguientes cuatro líneas:
import 'codemirror/lib/codemirror.css'
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'
(2) Reemplace getValue y setValue dentro con getMarkdown y setMarkdown respectivamente, y reemplace todos los editores tui con @toast-ui/editor
Después de guardar, ejecute npm install. La instalación es más rápida usando el espejo Taobao:
npm install --registry=https://registry.npm.taobao.orgDescubrí que no hay ningún error (¡ ADVERTENCIA es normal!):
Comience directamente:
npm run dev
✅Está verde, está verde, finalmente es un éxito, estoy muy conmovida.
⚠️Notas
No escuche el bombardeo y use cnpm install. Los documentos oficiales indican que esto producirá muchos errores extraños. Esto no resuelve el problema.
No escuche el bombardeo y degrade ciegamente el paquete web y el nodo. Tratar los síntomas pero no la causa raíz provocará más errores.
Gracias a los siguientes blogs:
npm Código de error Solución ELIFECYCLE_Blog de internauta ordinario-CSDN blog_elifecycle npm