Javascript 未捕获引用错误：未定义Vuetify_Javascript_Laravel_Vue.js_Vuetify.js

Javascript 未捕获引用错误：未定义Vuetify

javascript laravel vue.js

Javascript 未捕获引用错误：未定义Vuetify,javascript,laravel,vue.js,vuetify.js,Javascript,Laravel,Vue.js,Vuetify.js,我使用npm install vuetify安装vuetify，然后添加npm install sass sass loader deepmerge-D然后使用php artisan serve安装vuetify，站点中没有任何内容，控制台中出现错误未捕获引用错误：未定义vuetify。我还添加了vue add vuetify和已创建插件文件并添加了依赖项。未发生任何情况。请帮助我解决此问题。 mainapp.vue <template> <v-app >

我使用

npm install vuetify

安装vuetify，然后添加

npm install sass sass loader deepmerge-D

然后使用

php artisan serve

安装vuetify，站点中没有任何内容，控制台中出现错误

未捕获引用错误：未定义vuetify

。我还添加了vue add vuetify和已创建插件文件并添加了依赖项。未发生任何情况。请帮助我解决此问题。 mainapp.vue

<template>

  <v-app >
    
        <Navbar />

      
        <v-main>
              <router-view/>
        </v-main>

        <Footer />

    
         </v-app>

 
</template>

<script>
//import HelloWorld from './HelloWorld'
 import Navbar from './pages/navbar'
 import Footer from './pages/footer'


export default {
  components: { Navbar,Footer },
  name: 'App',
  // components: {
  //   HelloWorld
  // },
  data () {
    return {
      //
    }
  }
}
</script>

欢迎使用.blade.php

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
    <title>Fullstack Blog</title> 
          <link rel="stylesheet" href="/css/all.css">
          <!-- to show icons -->
          
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/3.8.95/css/materialdesignicons.css">  
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
          <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    </head>
    <body>
        <div id="app">
    <mainapp></mainapp>
       </div>
    </body>
    <script src="{{mix('/js/app.js')}}"></script>
</html>


Fullstack博客

我试图在我这边重复这个问题。我发现的唯一问题是路由器包。尝试使用“vue router”包而不是“router”，这意味着从“./router”更改导入路由器；从“/router”导入vue路由器；不，您需要安装vue路由器软件包。并使用导入路由器自。/“vue-router”

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
    <title>Fullstack Blog</title> 
          <link rel="stylesheet" href="/css/all.css">
          <!-- to show icons -->
          
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/3.8.95/css/materialdesignicons.css">  
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
          <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    </head>
    <body>
        <div id="app">
    <mainapp></mainapp>
       </div>
    </body>
    <script src="{{mix('/js/app.js')}}"></script>
</html>