在 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...