前提・実現したいこと
npm run build
を実行し、「dist」フォルダにできたサンプルのHTMLファイル類を、サーバーにアップして表示したいと思っています。なお、Vueの勉強中で、教則本の「Vue CLIの導入」に従って作業を進めています。
実行したこと
教則本に従い、Vue2.9.6をインストールし、initして新しいプロジェクトを作成しました。
npm run dev
でローカルホストでページが表示されるのを確認しました。Vue.jsのサンプルページ(Welcome to Your Vue.js App)です。
これをこのままサーバーで確認したいと思い、npm run build
し、「dist」フォルダにできたindex.htmlと「static」フォルダをサーバーにアップしましたが、なにも表示されません。
ローカルでも同じく、何も表示されない状態です。
エラー表示
以下のようなエラーがコンソールに表示されています(あと2つ、同じようなエラーが表示さています)。
“https://www.xxxx.or.jp/static/js/manifest.2ae2e69a05c33dfc65f8.js” からのスクリプトが読み込まれました。しかし、この MIME タイプ (“text/html”) は正しい JavaScript の MIME タイプではありません。
<script> のソース “<script> のソース “https://www.xxxx.or.jp/static/js/manifest.2ae2e69a05c33dfc65f8.js” の読み込みに失敗しました。
質問
まずは、大まかな流れを確認したいと思い、このような手順を行いましたが、そもそもサンプルページをサーバーにアップロードするのが間違っていたのでしょうか?
表示されない原因を教えていただければ助かります。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/08 11:26