vue.js - 样板 Vue 项目在路由器链接和路由器视图上失败

Question

我曾经使用vue createBabel、TypeScript、Router 和单元测试创​​建一个新的视图项目。然后我使用 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'),
    },   ], });

有谁知道这里有什么问题？鉴于我没有更改任何内容，这可能是配置问题吗？

标签： vue.js

Answer 1

我知道了！

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

vue serve src/App.vue

当我应该使用时：

npm run serve

更改后，它开始起作用。