nuxt.jsでウェブアプリを作っている中で、vuetifyを用いたページを表示しようとすると以下のようなエラーが表示される
ページのコード↓(vuetifyのthree columnsのテンプレをそのままコピペしてあります)
nuxt.js
1<template> 2 <v-app id="inspire"> 3 <v-app-bar 4 app 5 color="white" 6 flat 7 > 8 <v-avatar 9 :color="$vuetify.breakpoint.smAndDown ? 'grey darken-1' : 'transparent'" 10 size="32" 11 ></v-avatar> 12 13 <v-tabs 14 centered 15 class="ml-n9" 16 color="grey darken-1" 17 > 18 <v-tab 19 v-for="link in links" 20 :key="link" 21 > 22 {{ link }} 23 </v-tab> 24 </v-tabs> 25 26 <v-avatar 27 class="hidden-sm-and-down" 28 color="grey darken-1 shrink" 29 size="32" 30 ></v-avatar> 31 </v-app-bar> 32 33 <v-main class="grey lighten-3"> 34 <v-container> 35 <v-row> 36 <v-col 37 cols="12" 38 sm="2" 39 > 40 <v-sheet 41 rounded="lg" 42 min-height="268" 43 > 44 <!-- --> 45 </v-sheet> 46 </v-col> 47 48 <v-col 49 cols="12" 50 sm="8" 51 > 52 <v-sheet 53 min-height="70vh" 54 rounded="lg" 55 > 56 <!-- --> 57 </v-sheet> 58 </v-col> 59 60 <v-col 61 cols="12" 62 sm="2" 63 > 64 <v-sheet 65 rounded="lg" 66 min-height="268" 67 > 68 <!-- --> 69 </v-sheet> 70 </v-col> 71 </v-row> 72 </v-container> 73 </v-main> 74 </v-app> 75</template> 76 77<script> 78 import Vue from 'vue' 79 import Vuetify from 'vuetify' 80 export default { 81 data: () => ({ 82 links: [ 83 'Dashboard', 84 'Messages', 85 'Profile', 86 'Updates', 87 ], 88 }), 89 } 90</script> 91
調べて解決するのに、Terminalで vue add vuetify のコマンドを入れる事で解決可能性があるとのことで試したところ以下のエラーが発生した
ここのError: ENOENT: no such file or directory のエラーを解決したいです。
npmの再インストールやnode_moduleを一度消すなどは試してありますが、解決しません。
何かわかる方いたらお願いします
回答1件
あなたの回答
tips
プレビュー