路径的Vue路由配置“组件”:/不能是字符串ID
路径的Vue路由配置“组件”:/不能是字符串ID我正在使用组件和路线的概念来开发项目。组件在哪里工作,但是当我尝试定义路线时出现错误Uncaught Error::route config component for path: /signin cannot be a string id.Use an actual component instead.要么...
·
路径的Vue路由配置“组件”:/不能是字符串ID
我正在使用组件和路线的概念来开发项目。组件在哪里工作,但是当我尝试定义路线时出现错误
Uncaught Error :: route config component for path: /signin cannot be a string id.
Use an actual component instead.
要么
Uncaught Error :: route config component for path: / cannot be a string id.
Use an actual component instead.
我无法理解出了什么问题。请帮我。当我运行 npm run dev时, vue编译已完成,但在浏览器控制台上出现错误。
我的代码在App.js上
window.Vue = require('vue');
import VueRouter from 'vue-router';
Vue.use(VueRouter);
const homePage = Vue.component('home', require('./components/Home.vue'));
const example_comp = Vue.component('example', require('./components/Example.vue'));
const registration = Vue.component('signin', require('./components/Signin.vue'));
const router = new VueRouter({
routes: [
{
path : '/',
// name : 'home',
component : 'home',
},
{
path : '/signin',
// name : 'signin',
component : 'signin',
},
{
path : '/example',
// name : 'example',
component : 'example',
}
]
});
const app = new Vue({
el: '#app',
router: router,
});
Home.blade.php
<div id="app">
<p > <router-link to="/usersSignIn">User Regitration </router-link></p>
<p ><router-link to="/login"> Login </router-link></p>
<router-view></router-view>
</div>
组件:: Home.vue
<template>
<div>
<p> This home page.</p>
</div>
</template>
<script>
export default {
}
</script>
1个回答
最佳答案
-
我在app.js文件中写了wearg代码 旧代码是
const app = new Vue({ el: '#app', router = router, });
正确的代码是
const app = new Vue({ el: '#app', router : router, });
所以在那之后我没有检查并运行npm run dev...。
组件:require('home','./components/Home.vue')
更多推荐
已为社区贡献43条内容
所有评论(0)