Vue アプリケーションを Azure App Service にデプロイしようとすると、エラーが発生します: モジュール "../package.json" が見つかりません
<p>問題なくローカルでビルドして提供できるシンプルな Vue SPA を持っていますが、GitHub Actions 経由でビルドして Azure App Service にデプロイしようとすると、「<strong>」という結果になります (アプリケーションが「</strong>」ページを開始しました。</p>
<p>以下は、ほぼデフォルトのワークフロー <code>.yml</code>、アプリケーション サービス構成、およびアプリケーションをビルドしようとしたときのエラー ログです。 </p>
<p>これらのファイルは、node_modules がインストールされ package.json が生成される <code>/home/site/wwwroot</code> の <code>/dist</code> フォルダーからビルドされると思います。しかし、そうではないようです (wwwroot をチェックするとファイルがないため、ビルドが失敗しますか?)</p>
<p>どんな助けでも大歓迎です。私は一日中この問題で立ち往生しており、さらに詳しい情報を提供させていただきます。 NodeJS バックエンドもそれほど問題なくアプリ サービスにデプロイしたので、プロセスには慣れていますが、このフロントエンドを開始することができません。 </p>
<pre class="brush:php;toolbar:false;">name: Node.js アプリをビルドして Azure Web アプリにデプロイする - シェルフ ライブラリ
の上:
押す:
支店:
- 主要
ワークフロー_ディスパッチ:
仕事:
建てる:
実行: ubuntu-最新
手順:
- 使用:actions/checkout@v2
- 名前: Node.js バージョンのセットアップ
使用:actions/setup-node@v1
と:
ノードバージョン: '16.x'
- 名前: npm インストール、ビルド、テスト
実行: |
npmインストール
npm run build --if-present
- 名前: デプロイメント ジョブのアーティファクトのアップロード
使用:actions/upload-artifact@v2
と:
名前: ノードアプリ
パス: dist/
展開する:
実行: ubuntu-最新
ニーズ: 構築
環境:
名前:「プロダクション」
URL: ${{ ステップ.deploy-to-webapp.outputs.webapp-url }}
手順:
- 名前: ビルド ジョブからアーティファクトをダウンロード
使用:actions/download-artifact@v2
と:
名前: ノードアプリ
- 名前: 「Azure Web アプリにデプロイ」
ID: Web アプリにデプロイ
使用: azure/webapps-deploy@v2
と:
アプリ名: 'シェルフ ライブラリ'
スロット名: 'プロダクション'
公開プロファイル: ${{ Secrets.AZUREAPPSERVICE_PUBLISHPROFILE_11D7C84BF0CE47B68181C49B9ED47D19 }}
パッケージ: .</pre>