Question

我用vue create用Babel，TypeScript，Router和Unit Testing创建了一个新的视图项目。然后，我使用npm安装了axios。

没有做任何其他更改，我通过导航到src目录并运行vue serve为该应用程序提供服务。

生成的样板应用程序无法加载，并出现以下错误：

[Vue警告]：未知的自定义元素：-您是否已注册   组件正确吗？对于递归组件，请确保   提供“名称”选项。

位于

--->在App.vue

我自己的研究表明，当您无法调用Vue.Use（）时，通常会发生此错误。但是，我的router.ts文件这样做：

import Vue from 'vue';
import Router from 'vue-router';
import Home from './views/Home.vue';

Vue.use(Router);

export default new Router({   routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/About.vue'),
    },   ], });

有人知道这是怎么回事吗？鉴于我还没有做任何更改，这可能是配置问题吗？

Answer 1

我明白了！

问题是我以错误的方式运行服务器。我正在使用：

vue serve src/App.vue

我应该使用的时间：

npm run serve

更改之后，它开始起作用。

Answer 2

您无需导航至src文件夹，只需导航至应用程序的根目录，然后运行npm run serve。

Boilerplate Vue项目在router-link和router-view上失败

2 个答案: