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');
验证操作
- 保存修改后,确保
npm run dev服务处于运行状态(若之前未重启,可按Ctrl+C终止后重新执行npm run dev) - 刷新浏览器页面,Vue组件的内容即可正常渲染。
你的其他配置(package.json、vite.config.js、welcome.blade.php)均无问题,修正API名称大小写后即可解决组件不显示的问题。
内容的提问来源于stack exchange,提问作者Tigane
相关产品推荐
相关产品推荐

