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

Laravel 9集成Vue 3教程无法正常运行问题求助

解决Laravel集成Vue3 + Vite时的组件不显示问题

你的核心问题出在Vue 3 API的拼写错误上:控制台报错明确说明Vue模块没有CreateApp这个导出,因为Vue 3中创建应用的正确API是小写开头的createApp,而非你代码中大写开头的CreateApp。

修复步骤

修改resources/js/app.js文件,将导入和调用的CreateApp改为createApp:

import './bootstrap';

import { createApp } from 'vue';

import app from './components/app.vue';

createApp(app).mount('#app');

验证操作

  1. 保存修改后,确保npm run dev服务处于运行状态(若之前未重启,可按Ctrl+C终止后重新执行npm run dev)
  2. 刷新浏览器页面,Vue组件的内容即可正常渲染。

你的其他配置(package.json、vite.config.js、welcome.blade.php)均无问题,修正API名称大小写后即可解决组件不显示的问题。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.10 23:15:44