お世話になります。
下記サイトのフリーdemoをマニュアルを見ながらダウンロードして開こうとしているのですが
ターミナル(Mac M1)で下記エラーやワーニングが出てVueの表示ができない状況です。
<デザインテンプレート>
https://www.creative-tim.com/product/vue-argon-d …
<マニュアル>
https://demos.creative-tim.com/vue-argon-dashboa …
npm install → エラーが出たので npm audit fix → npm run serve を行ったら
下記エラーが出て先に進めない状態です。
<環境>
node v14.17.2
php 8.0.8
どうすれば良いでしょうか?ご教示いただければ幸いです。
<エラー内容>
ERROR Failed to compile with 2 errors 21:21:21
error
Template execution failed: ReferenceError: VUE_APP_API_KEY is not defined
ReferenceError: VUE_APP_API_KEY is not defined
- index.html:6 eval
[.]/[html-webpack-plugin]/lib/loader.js!./public/index.html:6:11
- index.html:9 module.exports
[.]/[html-webpack-plugin]/lib/loader.js!./public/index.html:9:3
- index.js:284
[vue-argon-dashboard]/[html-webpack-plugin]/index.js:284:18
- runMicrotasks
- task_queues.js:95 processTicksAndRejections
internal/process/task_queues.js:95:5
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) mariadbでのエラー 1 2022/11/15 12:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- PHP php テーブルが作成できない 1 2022/11/17 23:41
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- その他(プログラミング・Web制作) .htaccessファイルの修正がこれで問題ないかどうか 1 2022/04/21 08:42
- Excel(エクセル) エクセルでエラーを無視して一番左側のセルの値を返したい 2 2023/07/27 13:06
- MySQL php テーブルを作れない 2 2022/11/17 18:22
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- その他(プログラミング・Web制作) python fbprophetについて 1 2022/09/29 19:44
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
flaskのreturn render_template...
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
テーブルセル余白(例えば左側...
-
グーグルのアイコンを操作して...
-
ピクチャーボックスの大きさに...
-
ブログに画像を選択して、アッ...
-
Powerpointに貼った画像のサイ...
-
縦ボーダーの長さ変更方法
-
OndDriveからgoolephotoに大量...
-
ExcelVBAで挿入画像の縦横サイ...
-
gooブログで使う写真のEXIFを表...
-
ホームページビルダーで文字の...
-
【緊急】FTPエラーが発生してし...
-
複数の画像を1枚にしたファイ...
-
サムネイル画像の自動作成
-
画像と画像の間のスペースはど...
-
スマホ対応ウェブサイトの横幅...
-
HTMLタグ内文字を抽出するには
-
HTMLで、ホームページが作れる...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
flaskのreturn render_template...
-
/public_html が表示されていない
-
「image」か「images」フォルダ...
-
rename関数で名前の変更が出来...
-
<ruby>を使う時のDOCTYPE宣言は?
-
Vue+Laravelのデザインテンプ...
-
フレームページでのメタとキー...
-
google chrome での index.html
-
L字みたいな記号の表示
-
テーブルセル余白(例えば左側...
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
なぜ、ホームページが削除され...
-
ワードプレス管理画面から、ヘ...
-
レスポンシブWeb 右側の表示が...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
FTPでアップロードした画像のUR...
-
HTMLタグ内文字を抽出するには
-
ブログに画像を選択して、アッ...
おすすめ情報
早々のご教示 ありがとうございます。
ご教示いただいたサイトを参考に
node-modules とpackage.json を削除して
再度 以下を試したのですが、、、
やはりエラーが消えない状態です。
npm install --legacy-peer-deps → npm run serve
でエラーが出たので
npm add vue-toastification@2.0.0-rc.5 --legacy-peer-deps のあと
npm run serve でもエラーでした。。。