路径的Vue路由配置“组件”：/不能是字符串ID

路径的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'）