質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Vuetify.js

Vuetify.jsは、マテリアルデザインを基本とするVue.jsのCSSフレームワークです。多くのマテリアルデザインのコンポーネントを提供しており、あらゆるアプリケーションに対応可能。vue-cli用テンプレートがあり、簡単にページを作成できます。

terminal

Terminalは、Apple社のmacOSに標準で付属しているUNIX端末エミュレータ。UNIXコマンドによってMacの操作および設定を行うことができます。

Q&A

解決済

1回答

4291閲覧

Error: ENOENT: no such file or directory問題を解決したい

leigadget

総合スコア0

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Vuetify.js

Vuetify.jsは、マテリアルデザインを基本とするVue.jsのCSSフレームワークです。多くのマテリアルデザインのコンポーネントを提供しており、あらゆるアプリケーションに対応可能。vue-cli用テンプレートがあり、簡単にページを作成できます。

terminal

Terminalは、Apple社のmacOSに標準で付属しているUNIX端末エミュレータ。UNIXコマンドによってMacの操作および設定を行うことができます。

0グッド

0クリップ

投稿2021/08/23 06:09

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を一度消すなどは試してありますが、解決しません。
何かわかる方いたらお願いします

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kai0310

2021/08/25 02:07

nuxt.config.jsにvuetifyをセットアップするための記述は何か記載されましたか?
guest

回答1

0

自己解決

nuxt.config.jsの中のbuildmodulesの中に'@nuxtjs/vuetify'と記入したら直りました

投稿2021/09/01 01:54

leigadget

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問