You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel+Vue3+Inertia项目组件找不到报错求助

解决Laravel+Vue3+InertiaJS组件找不到的问题
  • 检查路径大小写一致性
    不同操作系统对文件路径大小写的敏感度不同(Linux/macOS严格区分,Windows不区分),确认控制器中Inertia::render()里的路径V2/Admin/Events/Partials/EventIntegrationGuide,和本地resources/js/Pages/下的实际目录、文件名大小写完全匹配,比如V2不能写成v2,EventIntegrationGuide.vue的大小写不能有偏差。

  • 清除前端缓存并重新构建
    前端打包缓存可能导致路径解析异常,执行以下命令:

    npm run clear
    npm run dev # 生产环境可使用npm run build
    
  • 验证Inertia的Pages解析配置
    打开项目根目录下的前端入口文件(如inertia.js),确认resolve函数的路径拼接逻辑正确:

    import { createInertiaApp } from '@inertiajs/vue3'
    
    createInertiaApp({
      resolve: name => {
        const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
        return pages[`./Pages/${name}.vue`]
      },
      // 其他配置项
    })
    

    确保./Pages/${name}.vue的拼接规则和实际组件路径匹配,没有多余或缺失的斜杠。

  • 确认本地文件存在性
    直接在本地文件系统中导航到resources/js/Pages/V2/Admin/Events/Partials/目录,检查EventIntegrationGuide.vue文件是否存在,避免文件被误删除或路径层级错误。

  • 清除Composer缓存
    执行命令更新类加载器缓存:

    composer dump-autoload
    
  • 重启本地开发服务器
    关闭当前运行的php artisan serve或其他本地服务器(如Valet、Homestead),重新启动服务器,确保加载最新的文件和配置。

内容的提问来源于stack exchange,提问作者Ahmed Mohmmed

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.27 19:22:35