Сбой задания сборки и развертывания из-за неверной версии узла в Azure

У меня есть приложение Angular, которое отлично работает на моем локальном компьютере с последними версиями Angular и Node. Однако, когда я развертываю его в статическом веб-приложении Azure, сборка завершается с ошибкой и выдает следующую ошибку.

Обнаружен Node.js версии v16.20.2. Для Angular CLI требуется минимальная версия Node.js v18.19.

Я включил тег двигателя в package.json, как показано ниже... но это не помогает... Может кто-нибудь помочь здесь?

"engines": {
    "node": ">=18.0.0"
  },

Можете ли вы поделиться своим репозиторием на GitHub, если это возможно?

Sirra Sneha 06.07.2024 12:11

Предоставьте свой файл .yml

Sirra Sneha 06.07.2024 12:13

Как упоминает @Sirra Sneha, чтобы помочь, предоставьте подробную информацию о том, как приложение Angular развертывается в статических веб-приложениях Azure. Сюда может входить образец из связанных YAML-файлов рабочего процесса GitHub Actions в каталоге .github/workflows.

davidlj95 07.07.2024 00:25
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
3
109
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я создал образец углового приложения и успешно развернул его в статическом веб-приложении Azure с помощью действий GitHub.

Я получил ту же ошибку при развертывании приложения в статическом веб-приложении Azure.

  • Спасибо @Richard Huf за четкие шаги, я сослался на этот документ и добавил файл .nvmrc в корневой каталог проекта.

  • Добавьте в этот файл версию Node.js, которую вы используете:

    v20.14.0

  • В файле .yml я добавил node-version: '20.x' под actions/setup-node@v2.

  • Это гарантирует, что для процесса сборки будет использоваться Node.js версии 20.x.

Полный файл yaml:

name: Azure Static Web Apps CI/CD
on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main
jobs:
  build_and_deploy_job:
    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v3
        with:
          submodules: true
          lfs: false
      - name: Set up Node.js
        uses: actions/setup-node@v2
        with:
          node-version: '20.x' 
      - name: Install dependencies
        run: npm install
      - name: Build Angular app
        run: npm run build -- --configuration=production
      - 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_AMBITIOUS_STONE_0BC3E2B0F }}
          repo_token: ${{ secrets.GITHUB_TOKEN }}
          action: "upload"
          app_location: "/" 
          output_location: "dist/angulartest18/browser" 
          
  close_pull_request_job:
    if: github.event_name == 'pull_request' && github.event.action == 'closed'
    runs-on: ubuntu-latest
    name: Close Pull Request Job
    steps:
      - name: Close Pull Request
        id: closepullrequest
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_AMBITIOUS_STONE_0BC3E2B0F }}
          action: "close"

Приложение успешно развернуто в статическом веб-приложении Azure с помощью действий GitHub.

@Sam K Ваша проблема решена?

Sirra Sneha 10.07.2024 09:42

Другие вопросы по теме