在vuetify中找不到相关的模块

Question

我已经尝试了所有方法，但是对我来说不起作用，我提供了路由器 设置链接，但抛出异常

未找到这些相对模块：

./ AppContact.vue;在./src/main.js
中 ./src/main.js中的./AppHome.vue
./src/main.js中的./AppLogin.vue
./AppToolbar.vue;在./src/main.js

中

Main.js

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader
import AppToolbar from './AppToolbar.vue;'
import AppContact from './AppContact.vue;'
import AppLogin from './AppLogin.vue';
import AppHome from './AppHome.vue';
Vue.use(Vuetify)

Vue.use(VueRouter)

Vue.config.productionTip = false

const routes =[
  {path:'/',components:App},
  {path:'/AppToolbar',components:AppToolbar},
  {path:'/AppContact',components:AppContact},
  {path:'/AppLogin',components:AppLogin},
  {path:'/AppHome',components:AppHome}
];
const router = new VueRouter({
  routes,
  mode:'history'
});
new Vue({
  el:'#app',
  router,
  render: h => h(App)
})

App.vue

<template>
  <div id="app">
    <app-toolbar></app-toolbar>
    <router-view> </router-view>router-view>
     <app-footer style="position:absolute;z-index:-1"></app-footer>
  </div>
</template>

<script>
import AppToolbar from './components/AppToolbar'
import AppFooter  from './components/AppFooter'
export default {
  name: 'app',
  components: {
    AppToolbar,AppFooter
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
</style>

Answer 1

1。从路径中删除;

即：'./AppToolbar.vue;'应该为'./AppToolbar.vue';

2。指向正确的目录

我猜是components

---

Main.js

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader
import AppToolbar from './components/AppToolbar.vue';
import AppContact from './components/AppContact.vue';
import AppLogin from './components/AppLogin.vue';
import AppHome from './components/AppHome.vue';

// etc...