Question

我的组件vue文件在src/components/中，而我的index.js路由器文件（其内容在下面）在src/router/中。

为什么会出现“错误：无法解决'./components/App.vue'” 错误？

import Vue from 'vue';
import App from './components/App.vue';
import SignUp from './components/SignUp.vue';
import Login from './components/Login.vue';

import Router from 'vue-router';
Vue.use(Router);

export default new Router({
  routes: [
  {
    path: '/',
    name: 'Home',
    component: App
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: 'signup',
    name: 'SignUp',
    component: SignUp
  },
  ]
});

Answer 1

如果您的index.js位于src/router/上，而组件位于src/components中，则它们不在同一文件夹中。因此，为了正确导入，必须将../引用到/src/的下一级。

它看起来像这样：

import Vue from 'vue';
import App from '../components/App.vue';
import SignUp from '../components/SignUp.vue';
import Login from '../components/Login.vue';

Answer 2

./除了当前文件夹作为相对路径外，没有其他特殊含义；文件夹结构为：

|-src
  |-components
    |-App.vue
  |-router
    |-index.js

您可以使用../从当前路径备份一级：

import App from '../components/App.vue';

或使用指向@文件夹的src：

import App from '@/components/App.vue';

无法从我的路由器文件解析组件vue文件

2 个答案: