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

news2024/12/23 3:35:37

前言

最近一直在往大前端的方向转，不得不说前端的知识架构还真的很庞大，一步一个脚印吧，之前消化完极简版后台项目[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: [tui-editor@1.3.3 › 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一次太久了，最后选择移除他后续有需要再添加进来

打开package.json把"tui-editor"删掉
删除src/components下的MarkdownEditor文件夹

删除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 一下应该就没问题了

https://github.com/PanJiaChen/vue-element-admin/issues/4113 看到github上说名字改了可以试试看下

错误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