Папка dist на базовом vue.js

Я создал базовый файл vue.js с помощью Visual Studio 2019. Я поместил его в git на своем частном сервере Azure. У меня есть агент сборки Windows.

yml для сборки, без ошибок.

trigger:
- master

pool: 'Default'

- script: |
    npm install
    npm run build
  displayName: 'npm install and build'

Я пробовал некоторые команды «копировать/архивировать файлы». Один из них

- task: CopyFiles@2
  displayName: 'Copy Files to: $(Build.ArtifactStagingDirectory)/VuejsApp1'
  inputs:
    TargetFolder: '$(Build.ArtifactStagingDirectory)/VuejsApp1'

Кажется, каждый метод показывает, что папка dist никогда не создается.

аналогичный вопрос: почему конвейер сборки Azure не создает папку dist для сборки angular


##[section]Запуск: установка и сборка npm ================================================== ============================ Задача: командная строка Описание: запуск сценария командной строки используя Bash в Linux и macOS и cmd.exe в версии для Windows: 2.151.1 Автор: Microsoft Corporation Справка: https://learn.microsoft.com/azure/devops/pipelines/tasks/utility/command-line ================================================== ============================= Генерация скрипта. ========================== Выход команды запуска ===================== ====== ##[команда]"C:\windows\system32\cmd.exe" /D /E:ON /V:OFF /S /C "CALL" C:\DevOpsAgent_work_temp\2d81f910-5c00-4330-9d13-27c8c30aa7a0.cmd ""

[email protected] установить C:\DevOpsAgent_work\171\s\node_modules\yorkie узел bin/install.js

Обнаружен CI, установка хуков Git пропущена

[email protected] после установки C:\DevOpsAgent_work\171\s\node_modules\core-js node -e "попробовать{требовать('./postinstall')}поймать(e){}"

Спасибо за использование core-js (‌ https://github.com/zloirock/core-js‌) для полифиллинг стандартной библиотеки JavaScript!‌

Проекту нужна ваша помощь! Пожалуйста, рассмотрите возможность поддержки core-js на Открыть коллектив или Patreon: ‌ >‌ https://opencollective.com/core-js ‌ >‌ https://www.patreon.com/zloirock ‌

Также автор core-js (‌ https://github.com/zloirock‌) ищет хорошего работа

[email protected] после установки C:\DevOpsAgent_work\171\s\node_modules\ejs узел ./postinstall.js

Благодарим вас за установку ‌EJS‌: создан с помощью сборки ‌Jake‌ JavaScript. инструмент (‌https://jakejs.com/‌)‌

npm ПРЕДУПРЕЖДЕНИЕ, необязательное ПРОПУСК ДОПОЛНИТЕЛЬНОЙ ЗАВИСИМОСТИ: [email protected] (node_modules\webpack-dev-server\node_modules\fsevents): npm ПРЕДУПРЕЖДЕНИЕ notsup ПРОПУСК НЕОБЯЗАТЕЛЬНОЙ ЗАВИСИМОСТИ: неподдерживаемая платформа для [email protected]: разыскивается {"os":"darwin","arch":"any"} (текущий: {"os":"win32","arch":"x64"}) npm ПРЕДУПРЕЖДЕНИЕ НЕОБЯЗАТЕЛЬНЫЙ ПРОПУСК НЕОБЯЗАТЕЛЬНЫЙ ЗАВИСИМОСТЬ: [email protected] (node_modules\watchpack-chokidar2\node_modules\fsevents): npm ПРЕДУПРЕЖДЕНИЕ notsup ПРОПУСК НЕОБЯЗАТЕЛЬНОЙ ЗАВИСИМОСТИ: неподдерживаемая платформа для [email protected]: разыскивается {"os":"darwin","arch":"any"} (текущий: {"os":"win32","arch":"x64"}) npm ПРЕДУПРЕЖДЕНИЕ НЕОБЯЗАТЕЛЬНЫЙ ПРОПУСК НЕОБЯЗАТЕЛЬНЫЙ ЗАВИСИМОСТЬ: [email protected] (node_modules\fsevents): npm WARN notsup ПРОПУСК ДОПОЛНИТЕЛЬНОЙ ЗАВИСИМОСТИ: Неподдерживаемая платформа для [email protected]: разыскивается {"os":"darwin","arch":"любой"} (текущий: {"ос":"win32","архив":"x64"})

добавлено 1488 пакетов от 822 участников и проверено 1492 пакета в 71,233 с

44 пакета ищут финансирование npm fund подробности

найдено 6 уязвимостей (1 низкая, 3 средние, 2 высокая) запускайте npm audit fix для их устранения, или npm audit для подробностей ##[section]Завершение: установка и сборка npm

Пожалуйста, добавьте логи шагов npm install and build и Copy files. Также добавьте - script: ls после npm install and build'.

Krzysztof Madej 09.12.2020 23:25

Редактирую пост для логов. Это для Linux, никогда не делалось на лазурном. Я начинаю с nde, возможно, мне нужно также установить узел в yml, сценарий Microsoft по умолчанию разбился, поэтому я подумал, что он мне не нужен, когда сборка не рухнула.

forX 09.12.2020 23:52

Команда dir показывает мне, что у меня действительно нет папки dist. только мои вещи git и node_modules

forX 09.12.2020 23:55

Хорошо. Но логи выглядят как бревна npm install, а как насчет npm run build?

Krzysztof Madej 10.12.2020 00:26

мой сценарий делает оба, журналы для обоих.

forX 10.12.2020 15:40

Как и предложила Джейн, проверьте это локально, потому что в логах ничего не указывает на то, что npm run build был запущен. Убедитесь, что он работает локально.

Krzysztof Madej 10.12.2020 16:28
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
6
1 465
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Есть два совета по устранению неполадок:

1. Попробуйте выполнить сборку локально или запустите команду npm с помощью задачи PowerShell Azure DevOps, чтобы проверить, существует ли та же проблема.

- task: PowerShell@2
  inputs:
    targetType: 'inline'
    script: |
      npm install
      npm run build

2. Проверьте, установлен ли параметр options в вашем json-файле на dist.

  "options": {
        "outputPath": "dist",
       }

У меня не было времени протестировать вашу версию powershell. Если вы хотите добавить образец для другой версии, это может быть полезно.

forX 10.12.2020 16:37

Мне нужно изучить json, я никогда не меняю выходной путь

forX 10.12.2020 16:38
Ответ принят как подходящий

Во-первых, вам НЕ нужно выполнять установку и сборку по одному и тому же «скрипту».

- script: 'npm install'
  displayName: 'Install dependencies'

- script: 'npm run build'
  displayName: 'Build project'

после этого вы можете получить папку dist

- task: CopyFiles@2
  displayName: 'Copy Files to: $(Build.ArtifactStagingDirectory)'
  inputs:
    SourceFolder: '$(Build.SourcesDirectory)/dist'
    TargetFolder: '$(Build.ArtifactStagingDirectory)'

Спасибо, это работает, я потратил несколько часов, пытаясь найти ответ на ту же проблему, что и со сборкой для React.JS.

Nenad Bulatović 29.01.2021 19:09

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