Laravel+Vue3 CRUD示例执行npm run dev报错：找不到@vitejs/plugin-vue模块

核心问题定位 #

你之前尝试安装的@vuejs/plugin-vue是错误的包名，正确的依赖包应为@vitejs/plugin-vue，这是引发错误的关键原因。

具体解决步骤 #

1. 卸载错误安装的包
   执行命令清理错误依赖：

   npm uninstall @vuejs/plugin-vue --save-dev
   

2. 安装正确的Vite Vue插件
   安装官方指定的开发依赖：

   npm install @vitejs/plugin-vue --save-dev
   

3. 清理缓存并重新安装所有依赖
   缓存异常可能导致依赖加载失败，执行以下命令：

   npm cache clean --force
   # Windows系统执行：rmdir /s /q node_modules && del package-lock.json
   # Mac/Linux系统执行：rm -rf node_modules package-lock.json
   npm install
   

4. 重新启动开发服务器
   执行启动命令：

   npm run dev
   

额外检查项 #

• 确认package.json的devDependencies中已包含@vitejs/plugin-vue，示例如下：

  "devDependencies": {
      "@vitejs/plugin-vue": "^4.0.0",
      "laravel-vite-plugin": "^0.7.2",
      "vite": "^4.0.0"
  }
  

• 检查Node.js版本（推荐v16.x及以上），可通过node -v查看，版本过低可能导致依赖安装失败。

内容的提问来源于stack exchange，提问作者Curiosity4ever