Laraveldaily CRUD 示例抛出错误：找不到模块 \'@vitejs/plugin-vue\'答案

【问题标题】：Laraveldaily CRUD example throws error: cannot find module '@vitejs/plugin-vue'Laraveldaily CRUD 示例抛出错误：找不到模块 \'@vitejs/plugin-vue\'
【发布时间】：2023-01-18 23:47:50
【问题描述】：

尝试使用 Laravel 和 vue3 实现 CRUD 示例 https://laraveldaily.com/post/laravel-8-vue-3-crud-composition-api

步骤npm 运行开发投掷

无法从 F:_MYDATA\ProjectsLaravel\nuky\vite.config.js 加载配置启动开发服务器时出错：错误：找不到模块“@vitejs/plugin-vue”

vite.config.js 看起来像：
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        })

    ],
});
貌似错误出在配置文件本身。无论如何，我尝试重新启动 VSC、TS 服务器并执行 npm i -D @types/node 还尝试过：npm i @vuejs/plugin-vue

没有任何帮助。

【问题讨论】：

试试 npm install @vitejs/plugin-vue

标签： laravel vuejs3 crud

【解决方案1】：

您看到的错误消息“Error: Cannot find module '@vitejs/plugin-vue'”表明您提供的 Vite 配置文件正在尝试导入 '@vitejs/plugin-vue' 包，但它是未安装在您的项目中。

您可以尝试通过在项目的根目录中运行以下命令来安装此包：

复制代码 npm 安装@vitejs/plugin-vue 或者

复制代码纱线添加@vitejs/plugin-vue 也可能有其他缺失的依赖项，你可以检查你的 package.json 和 vite.config.js 中的导入。

另外，有可能你的 Vite 配置文件路径不正确，请确保路径正确并且该文件存在于该位置。

安装缺少的包后，您应该能够启动开发服务器而不会遇到此错误。

【讨论】：