记录一下本地vue2.x升级vue3.x创建项目遇到的一些问题(1)

110 阅读1分钟

1.项目安装

npm install -g @vue/cli

vue --version 查看当前vue版本 image.png

然后我打开自己下载 vue 的安装位置,因为当前安装vue版本和这里的vue文件版本对不上提示报错,删掉这两个文件

image.png

vue--version 查询当前版本还是报错

D:\software\nodejs\node_global\node_modules\@vue\cli\node_modules\ora\index.js:401 } catch {

查询是本地node版本过低 (调试老项目node没有切换回来)

image.png

切换node14.0以上版本

image.png

vue create demo001 一路回车,选择vue3.

一个崭新的demo创建成功

image.png

2.项目运行

npm run serve

package.json

image.png

用一下眼热很久的 setup , 父子组件传参

image.png

image.png

又报错了
8:15 error 'defineProps' is not defined no-undef

image.png

(解决: 根目录 .eslintrc.js 添加 "vue/setup-compiler-macros": true ),添加完重启项目

.eslintrc.js image.png

image.png