找不到此依赖项：components/main/Footer in ./node_modules..../src/App.vue

Question

我的错误：

./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 中的 components/main/Footer

我的组件树在下面的屏幕截图中：

我的 App.vue

<script>

import Footer from 'components/main/Footer';

export default {
  components: {Footer},
  name: 'app',
  data () {
    return {
      msg: 'Welcome to your Vue.js powered Spring Boot App'
    }
  }
}
</script>

我的路由器：

import App from './../App'

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/main',
      name: 'App',
      component: App
    },

我的配置：

import App from './../App'

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/main',
      name: 'App',
      component: App
    },

有任何想法吗？

Answer 1

首先，请删除 import 语句周围的引号。不知道为什么会有这些:) 其次，尝试在页脚导入中添加“.vue”

import Footer from './components/main/Footer.vue'