创建vue3项目,npm install后,运行报错,已解决

我之前升级过一次node,从14升到了18,电脑里还有14的残留,一开始一直以为是残留导致的报错,结果是因为依赖项的问题

报错:

解决:更改依赖项即可

修改package.json里面的内容,如下:

复制代码
{
  "name": "vue3",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "engines": {
    "node": "18.20.6"
  },
  "scripts": {
    "dev": "vite",
    "build": "run-p type-check \"build-only {@}\" --",
    "preview": "vite preview",
    "build-only": "vite build",
    "type-check": "vue-tsc --build"
  },
  "dependencies": {
    "axios": "^1.8.1",
    "mitt": "^3.0.1",
    "nanoid": "^5.1.2",
    "pinia": "^3.0.1",
    "vue": "^3.5.13",
    "vue-router": "^4.5.0"
  },
  "devDependencies": {
    "@tsconfig/node22": "^22.0.0",
    "@types/node": "^22.13.4",
    "@vitejs/plugin-vue": "^5.2.1",
    "@vue/tsconfig": "^0.7.0",
    "npm-run-all2": "^7.0.2",
    "typescript": "~5.7.3",
    "vite": "^6.1.0",
    "vite-plugin-vue-devtools": "^7.7.2",
    "vue-tsc": "^2.2.2"
  }
}

注意:node的版本和项目名称改成自己的,要额外加依赖的自己加

相关推荐
dlhto10 分钟前
前端登录验证码组件
前端
@万里挑一11 分钟前
vue中使用虚拟列表,封装虚拟列表
前端·javascript·vue.js
黑臂麒麟15 分钟前
Electron for OpenHarmony 跨平台实战开发:Electron 文件系统操作实战
前端·javascript·electron·openharmony
wordbaby15 分钟前
Tanstack Router 文件命名速查表
前端
1024肥宅23 分钟前
工程化工具类:模块化系统全解析与实践
前端·javascript·面试
软件技术NINI23 分钟前
如何学习前端
前端·学习
weixin_4225554225 分钟前
ezuikit-js官网使用示例
前端·javascript·vue·ezuikit-js
梓仁沐白35 分钟前
CSAPP-Attacklab
前端
郑州光合科技余经理1 小时前
海外国际版同城服务系统开发:PHP技术栈
java·大数据·开发语言·前端·人工智能·架构·php
一行注释1 小时前
前端数据加密:保护用户数据的第一道防线
前端