Vue.js 组件不显示

我在我的项目laravel中安装了vue.js和vuetify。我将vue路由器配置为构建单页应用程序。此外，加载组件不会显示 我在控制台“Manifest:Line:1，column:1，Syntax error”中得到了这个错误

从“Vue”导入Vue
需要（'./引导'）；
window.Vue=require（'Vue'）；
从“vue路由器”导入VueRouter
Vue.use（VueRouter）；
让路线=[{
路径：'/accueil'，
组件：需要（“./components/Accueil.vue”）
},
{
路径：'/home'，
组件：需要（“./components/Home.vue”）
}
]
常量路由器=新的VueRouter({
routes//“routes:routes”的缩写`
})
组件（'example-component'，require（'./components/ExampleComponent.Vue'）；
const app=新的Vue({
el:“#应用程序”，
路由器//
SGAT仪表板
你好应用程序！
去福
去酒吧

您似乎正在使用

require

此处：

从“Vue”导入Vue
需要（'./引导'）；
window.Vue=require（'Vue'）；

您应该使用

import

从“Vue”导入Vue
导入“./bootstrap”；
window.Vue=Vue；

我现在更换了它，但组件没有显示我有2个错误：*app.js:6056[Vue warn]：未能装入未定义的组件：模板或呈现函数。在-->*清单：行：1，列：1中找到，语法错误。当我手动访问URL时，我会得到没有组件的页面刀片，错误为Fanifest:行：1，列：1，语法错误。此外，当我单击“转到栏”链接时，URL没有显示，我得到错误：[Vue warn]未能装入组件模板或未定义订单函数。我看到一些地方您仍在使用

require

。您应该将它们作为

imports

移动到文件顶部。另一方面，您的代码库似乎有很多错误。我建议从零开始使用干净简单的Vue应用程序这是可行的。然后一步一步地添加功能。因为现在我认为有不止一件事是错的。你有任何文档或教程可以帮助我吗？我不喜欢做一个新项目，因为我会浪费时间重复工作3个月。我想用一种简单的方法让我的应用程序成为SPA