vue-element-admin-master编译异常记录

前言

最近一直在往大前端的方向转，不得不说前端的知识架构还真的很庞大，一步一个脚印吧，之前消化完极简版后台项目[vue-admin-template-master]后，开始想看下完整版的后台[vue-element-admin-master]项目，奈何clone项目后运行各种报错 记录下编译中遇到的问题 避免以后还踩坑

错误1：npm Cannot read properties of null (reading ‘package’)

解决方案：换成cnpm install

没安装cnpm 执行：npm install -g cnpm --registry=https://registry.npm.taobao.org

错误2：Error: [[email protected] › squire-rte@github:sohee-lee7/Squire#b1e0e1031fa18912d233c204cbe7c7fae4a42621] request to https://codeload.github.com/sohee-lee7/Squire/tar.gz/b1e0e1031fa18912d233c204cbe7c7fae4a42621 failed, reason: unable to verify the first certificate

尝试过各种ssl认证都不行，网上说单独下载包到node_modules中觉得有点麻烦毕竟重新npm install一次太久了，最后选择移除他后续有需要再添加进来

1. 打开package.json把"tui-editor"删掉

2. 删除src/components下的MarkdownEditor文件夹

3. 删除router配置src/router/modules/components中的

        {
          path: 'markdown',
          component: () => import('@/views/components-demo/markdown'),
          name: 'MarkdownDemo',
          meta: { title: 'Markdown' }
        },
   

4.删除src/views/components-demo/markdown.vue
5.然后再cnpm install 一下应该就没问题了

错误3 ：npm run dev - These dependencies were not found:core-js/modules/es.array.push.js in ./node_modules/@babel/runtime/helpers/objectSpread2.js, ./node_modules/cache-loader/dist/cjs.js??ref–12-0!./node_modules/@vue/cli-pluvue?vue&type=script&lang=js& and 9 others

看了下modules文件夹是有core-js 估计是安装不完整
1.删除node-modules 以core-js开头的文件夹
2.执行cnpm install core-js

错误4：npm run dev-This dependency was not found:svg-baker-runtime/browser-symbol in ./src/icons/svg/zip.svg

按错误提示的安装命令安装失败：npm install --save svg-baker-runtime/browser-symbol
用cnpm执行： cnpm install --save svg-baker-runtime/browser-symbol就提示成功了
如果还不行就执行cnpm install --save regenerator-runtime svg-baker-runtime vue-style-loader

结语

其实过程中还遇到其他很多问题 但是大多是小问题或者是自己配置异常了，加油吧打工人！
【运行后的截图】