angular / angular/angularfire

Github Action for deploying Angular App to Firebase - No files were found with the provided path: project_name/dist/

Open
#3,270 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
7.8k
Forks
2.2k
Avg merge
22h 28m
Merged PRs (30d)
6

Description

We are trying to auto-deploy our angular app using GitHub actions on firebase hosting but we are facing an error on the build step for our app showing that An unhandled exception occurred: ENOENT: no such file or directory, stat '/home/runner/work/...../dist'

on GitHub actions, Getting the below error:
```
Run npm run build

> ngx-admin@0.1.0 build
> ng build

Warning: Support was requested for IE 11 in the project's browserslist configuration. IE 11 support is deprecated since Angular v12.
For more information, see https://angular.io/guide/browser-support
- Generating browser application bundles (phase: setup)...
An unhandled exception occurred: ENOENT: no such file or directory, stat '/home/runner/work/project_name/project_name/dist'
See "/tmp/ng-gy4uE4/angular-errors.log" for further details.
Error: Process completed with exit code 127.
```
Please find our GitHub actions .yml file code below:
```
name: Auto Release

on:
push:
branches:
- test_release_branch

jobs:
build:
name: Build and Deploy
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@master
- name: Initialize Node
uses: actions/setup-node@master
- name: Install Dependencies
run: npm install
- uses: actions/upload-artifact@v2
with:
name: dist
path: dist/
- name: Build
run: npm run build
- name: Deploy
uses: w9jds/firebase-action@master
with:
args: deploy --only hosting:site-name
env:
FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
```
I can install, build, and deploy manually from my console just fine. I thought this error might have something to do with my dist directory's location on git, Any thoughts on what this might be?

Contributor guide

Open the contributing guide

Research direction

Start with the GitHub Actions YAML in the issue and trace the order of the install, artifact upload, build, and deploy steps. Compare the build output path reported by Angular with the path consumed by the workflow and Firebase deployment. Done means the workflow produces the expected distribution files and deploys them successfully.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, firebase, github-actions, typescript
Domain
build-system, cloud, devops
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.