康宁的博客

import mapAdd from './mapAdd.vue'//高德地图。然后在main.js入口文件中引入高德地图,分发出去,让每个组件都可以使用,

【代码】Vue文件上传代码。

at Object.<anonymous> (F:\highschool\Springboot+Element备课\vue-project2023-06-18\node_modules\vue-loader\dist\compiler.js:14:15)at Object.<anonymous> (F:\highschool\Springboot+Element备课\vue-project2023-06-18\node_modules\vue-loader\dist\index.js:29:20)

改成vue3的语法，import { createApp } from 'vue'而我的main.js中使这样引用的。是因为vue3中没有全局变量vue。

出现这样的报错是因为我们使用的vue-router包不对，我现在开发使用的是vue3，所以也要对应安装vue3版本的vue-router包。我们只需要将之前安装的 vue-router包卸载，然后重新安装vue3的vue-router包。// 卸载 vue2.x 的vue-router。// 安装 vue3 的vue-router。这样就可以解决啦，希望对大家有所帮助哦！

经过百度，网上说我按照的cli版本过高，不过我的cli版本是5版本，确实过高。安装指定版本的cli。

F:\highschool\Springboot+Element备课\vue-project2023-06-18>npm install vue-template-compiler。意思是对于element-plus@2.3.7 需要 vue@3.2.0版本。npm install vue@3.2.0 --save 即可。这么大一长串错误代码，其实有一条比较关键的是。

执行运行前端命令npm run serve,有如下提示。这样的提示如果不解决，好像也不行。它说核心vue没有找到。npm install vue@2.7.0 即可。vue 版本过高与其他版本不兼容，

代码当中content内容这个地方获取了dom元素，后来经过百度查找，发现type类型与cotent内容不一致，原来type:2,后来改成了1为页面层，重新运行项目。其实仔细读这个报错信息，是大概找不到html元素，编辑页面的回显数据显示成功。type:2 表示框架层。

因为Eslint语法检测很严格，所以缩进和空格等有问题也会报错，我们在vue.config.js文件中把它关闭了就行了lintOnSave: false。然后进行npm run serve 就可以成功运行了！

command "E:\\application\\nodejs\\node.exe" "F:\\亚联信息\\yalian_front_2021_11\\rakan\\node_modules\\node-sass\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "解决方案：安装以下依赖。

TypeError: item.plugins.unshift is not a function