Angular app building but not accessible
Hello,
I have made an angular app and am having trouble publishing it to pages. My main project directory is as follows
domain-finding-website-3/
┣ backend/
...
┗ frontend/
┗ domain-finding-website-frontend/
┃ ┣ .angular/
┃ ┣ .vscode/
┃ ┣ dist/
┃ ┣ node_modules/
┃ ┣ src/
┃ ┣ tools/
┃ ┣ .editorconfig
┃ ┣ .gitignore
┃ ┣ README.md
┃ ┣ angular.json
┃ ┣ package-lock.json
┃ ┣ package.json
┃ ┣ server.ts
┃ ┣ tsconfig.app.json
┃ ┣ tsconfig.json
┃ ┗ tsconfig.spec.json
I have set the following parameters when running my pages
BUILD COMMAND: npx ng build --configuration production
BUILD OUTPUT DIRECTORY: /dist
ROOT DIRECTORY: /frontend/domain-finding-website-frontend
any help would be greatly appreciated.
2 Replies
you need to change your build output directory, angular adds another folder in it with the build. If you build your app locally you can see it just like this picture.
In my case the name is
ang because i made it that in my angular.json and then outputPath
