Azure Static Web 通過 GitHub 部署的應用程序 (.yml) 在私有 npm 包上出現 404 錯誤

Question

我在 GitHub 中有一個 Angular 應用程序正在通過 GitHub 操作部署到 Azure Static Web 應用程序。

當我添加私有 npm package 時部署失敗。

在 GitHub 文檔中，我找到了如何通過環境設置為節點腳本指定 npm 令牌，並將其與 Azure 關於自定義工作流文件的文檔相結合，這讓我嘗試了這個（以及它的一些變體）：

  - name: Build And Deploy
    id: builddeploy
    uses: Azure/static-web-apps-deploy@v1
    with:
      azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_RANDOM }}
      repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
      action: "upload"
      ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
      # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
      app_location: "/" # App source code path
      api_location: "" # Api source code path - optional
      output_location: "dist" # Built app content directory - optional
      ###### End of Repository/Build Configurations ######
    env:
      NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

我讀過的帶有 NODE_AUTH_TOKEN 的最后一行將生成一個 .npmrc 文件來驗證進程。 我有一個名為 NPM_TOKEN 的 GitHub 秘密，其中包含我在 npm 中生成的令牌，選擇“用於 CI 目的”選項。

但是我在嘗試安裝私有 package 時仍然看到 404 錯誤。

任何想法，將不勝感激！

Answer 1

在媒體上找到這篇文章： Install private NPM packages in github actions

按照那里的建議，我在調用 azure 部署操作之前“手動”創建了 .npmrc 文件並解決了它：

      - name: Create .npmrc file
        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        .......