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

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

新規登録して質問してみよう
ただいま回答率
85.48%
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用テンプレートがあり、簡単にページを作成できます。

Q&A

解決済

1回答

2407閲覧

Nuxtにaxios をインストールすると、エラーメッセージが表示される。

takochan1192

総合スコア100

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用テンプレートがあり、簡単にページを作成できます。

0グッド

0クリップ

投稿2020/07/23 06:47

nuxt.js にて新しプロジェクトを立ち上げ、axios を使用してAPIを取得したウェブサイトをサイト作ってみたいと考え、今回、立ち上げたNuxt.jsのファイルにaxios をダウンロードした際に
VS codeのターミナルに下記のようなエラーメッセージが表示されました。

’Cannot find module 'vue'’
エラーメッセージを確認してみると、全てnode-module内のファイルの
vueを呼び出す部分でした。下記↓
import Vue, { ComponentOptions } from "vue";

特に、node-moduleファイルはいじった記憶はないのですが、なぜこのようなエラーメッセージが表示されるのか原因が不明です。

また、プロジェクトを立ち上げる時の今回の手順ですが
※すべてVS codeのターミナルにて
1.mkdir <プロジェクト名>
2. yarn create nuxt-app <プロジェクト名>
プロジェクトを立ち上げたのち
3. yarn add nuxt-property-decorator
ここも問題なく通過。動作確認しました。
4. yarn add axios
このコマンドにてaxiosをインストールした際に今回のエラーが発生しました。
localhostのブラウザ上は特に問題なく、デベロッパーツールも確認しましたが、
問題ありませんでした。
VS codeのターミナルにエラーメッセージが表示されます。

色々と調べてみましたが、なぜこのようなエラーが起こったのか、
原因がわからず、非常に困っております。
どなたかご教示いただけませんでしょうか?

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

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

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

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

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

guest

回答1

0

自己解決

どうやらaxios をインストールする際のコマンドに誤りがあったようでした。

下記のコマンド行うと問題なくいけました。

yarn add @nuxtjs/axios

大分、調べました。
皆様ご注意くださいませ。

投稿2020/07/23 13:16

takochan1192

総合スコア100

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問