# Angular deployment issue

**URL:** <https://answers.netlify.com/t/angular-deployment-issue/106276>\
**Category:** Support\
**Tags:** building\
**Created:** [November 10, 2023, 10:39am UTC](https://answers.netlify.com/t/angular-deployment-issue/106276 "2023-11-10T10:39:26Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 10, 2023, 10:39am UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/1 "2023-11-10T10:39:26Z")

</div>

Hello everyone,  
I’m trying to deploy angular app but I’m having this issue.  
The build folder is in dist/defi but the error tellme to change it to /dist/defi/browser.  
& when I perform this change, I’m having an error which says that the folder /dist/defi/browser does not exists…

Can someone help me please?

 ![image](https://global.discourse-cdn.com/netlify/original/3X/9/8/98ebdf08954a79ef5490ba43984a1a0a985b8041.png)  
Plugin “@netlify/angular-runtime” failed  
11:04:50 PM: ────────────────────────────────────────────────────────────────  
11:04:50 PM: ​  
11:04:50 PM: Error message  
11:04:50 PM: Error: Publish directory is configured incorrectly. Please set it to “dist/defi/browser”.  
11:04:50 PM: ​  
11:04:50 PM: Plugin details  
11:04:50 PM: Package: @netlify/angular-runtime  
11:04:50 PM: Version: 2.0.2  
11:04:50 PM: Repository: git+https://github.com/netlify/angular-runtime.git  
11:04:50 PM: npm link: [@netlify/angular-runtime - npm](https://www.npmjs.com/package/@netlify/angular-runtime)  
11:04:50 PM: Report issues: [Issues · netlify/angular-runtime · GitHub](https://github.com/netlify/angular-runtime/issues)  
11:04:50 PM: ​  
11:04:50 PM: Error location  
11:04:50 PM: In “onPreBuild” event in “@netlify/angular-runtime” from Netlify app  
11:04:50 PM: ​  
11:04:50 PM: Resolved config  
11:04:50 PM: build:  
11:04:50 PM: command: ng build  
11:04:50 PM: commandOrigin: config  
11:04:50 PM: publish: /opt/build/repo/dist/defi  
11:04:50 PM: publishOrigin: config  
11:04:50 PM: plugins:  
11:04:50 PM: - inputs: {}  
11:04:50 PM: origin: ui  
11:04:50 PM: package: “@netlify/angular-runtime”  
11:04:50 PM: redirects:  
11:04:50 PM: - from: /\*  
status: 200  
to: /index.html  
redirectsOrigin: config  
11:04:50 PM: Build failed due to a user error: Build script returned non-zero exit code: 2  
11:04:50 PM: Failing build: Failed to build site  
11:04:50 PM: Finished processing build request in 39.376s

---

<div class="post-metadata">

**Author:** ![SamO](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/samo/32/41847_2.png) [@SamO](https://answers.netlify.com/u/SamO)\
**Post date:** [November 10, 2023, 6:20pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/2 "2023-11-10T18:20:28Z")

</div>

> [@imad](#):
>
> 11:04:50 PM: Error message  
> 11:04:50 PM: Error: Publish directory is configured incorrectly. Please set it to “dist/defi/browser”.

take a look here please. would you mind also sharing your site name if you are still experiencing this issue.

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 11, 2023, 10:37am UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/3 "2023-11-11T10:37:13Z")

</div>

Thanks for your message, but I already tried it and I have the same error:

11:35:23 AM: Error: Publish directory is configured incorrectly. Please set it to “dist/defi/browser/browser”.  
 ![image](https://global.discourse-cdn.com/netlify/original/3X/9/e/9ea76190c5820d61691b9f218b8456b54fb114f7.png)

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [November 11, 2023, 3:11pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/4 "2023-11-11T15:11:10Z")

</div>

You still haven’t shared the site name.

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 11, 2023, 6:50pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/5 "2023-11-11T18:50:10Z")

</div>

Here is the website link: [https://celadon-strudel-94430d.netlify.app/](https://celadon-strudel-94430d.netlify.app/)

But it’s not working because the deployment is buggy

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [November 12, 2023, 12:47pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/6 "2023-11-12T12:47:20Z")

</div>

You’ve not set the publish directory correct;y: [Build & deploy | Site configuration | celadon-strudel-94430d | Netlify](https://app.netlify.com/sites/celadon-strudel-94430d/configuration/deploys#build-settings). Please change that.

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 12, 2023, 7:01pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/7 "2023-11-12T19:01:21Z")

</div>

I changed the deployment but it’s still the same 😕

 ![image](https://global.discourse-cdn.com/netlify/original/3X/1/0/1094d81a194f7f49f3f1c3817092fec49f00f367.png)  
 ![image](https://global.discourse-cdn.com/netlify/original/3X/1/b/1b40d0172c6e18d4ad3d93b35c8317dc970a42f6.png)

---

<div class="post-metadata">

**Author:** ![audrey](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/audrey/32/24328_2.png) [@audrey](https://answers.netlify.com/u/audrey)\
**Post date:** [November 13, 2023, 11:52pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/8 "2023-11-13T23:52:29Z")

</div>

Howdy @imad ,

Do you have publish directory configured in your `netlify.toml` file? If so, that will override whatever is configured in the UI so you’ll need to make the change in that file.

Let us know how it goes!

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 19, 2023, 2:39pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/9 "2023-11-19T14:39:36Z")

</div>

Thanks for your answer @audrey  
I do not have any netlify.toml file in my project.  
It’s very weird. I need your support to investigate on this issue please it’s been almost 1 week and I’m stuck…

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [November 19, 2023, 2:59pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/10 "2023-11-19T14:59:34Z")

</div>

Based on your deploy logs: [Deploy details | Deploys | celadon-strudel-94430d | Netlify](https://app.netlify.com/sites/celadon-strudel-94430d/deploys/655130e052dd8a39958067fb#L10), you do have a netlify.toml where you’re setting a custom publish directory. This is also indicated here:

![image](https://global.discourse-cdn.com/netlify/original/3X/8/5/85be7bc4d850cb6ed57fec474e51926dd79bee11.png)

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 20, 2023, 11:51am UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/11 "2023-11-20T11:51:16Z")

</div>

@hrishikesh  
My bad I thought that I removed it.  
Here is my netlify.toml file:

```auto
[build]
publish = "dist/defi/browser"
command = "ng build"
[[redirects]]
from = "/*"
to = "/index.html"
status = 200

```

Angular.json:

```auto
"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/defi/browser",
            "index": "src/index.html",
            "main": "src/main.ts",

```

And a screenshot of my build config:

 ![image](https://global.discourse-cdn.com/netlify/original/3X/b/e/be87b9e30102cb6dd02489306d2d0ee68dfc51f8.png)

Actually with all of these I’m getting this error:

```auto
❯ Loading plugins
12:49:04 PM: - @netlify/angular-runtime@2.0.2 from Netlify app
12:49:05 PM: Failed during stage "building site": Build script returned non-zero exit code: 2
12:49:05 PM: ​
12:49:05 PM: @netlify/angular-runtime (onPreBuild event)                   
12:49:05 PM: ────────────────────────────────────────────────────────────────
12:49:05 PM: ​
12:49:05 PM: ​
12:49:05 PM: Plugin "@netlify/angular-runtime" failed                      
12:49:05 PM: ────────────────────────────────────────────────────────────────
12:49:05 PM: ​
12:49:05 PM: Error message
12:49:05 PM: Error: Publish directory is configured incorrectly. Please set it to "dist/defi/browser/browser".
12:49:05 PM: ​
12:49:05 PM: Plugin details
12:49:05 PM: Package: @netlify/angular-runtime
12:49:05 PM: Version: 2.0.2
12:49:05 PM: Repository: git+https://github.com/netlify/angular-runtime.git
12:49:05 PM: npm link: https://www.npmjs.com/package/@netlify/angular-runtime
12:49:05 PM: Report issues: https://github.com/netlify/angular-runtime/issues

```

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [November 22, 2023, 1:00pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/12 "2023-11-22T13:00:49Z")

</div>

The `browser` as the end is added by us: [angular-runtime/src/helpers/fixOutputDir.js at main · netlify/angular-runtime (github.com)](https://github.com/netlify/angular-runtime/blob/main/src/helpers/fixOutputDir.js#L12).

So if you really wish Angular to export your site to `/dist/defi/browser`, simply change your publish path to `/dist/defi/browser/browser`. If not, remove the `/browser` from your Angular config.

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 22, 2023, 2:01pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/13 "2023-11-22T14:01:55Z")

</div>

Ok now I removed netlify.toml & removed /browser from angular.json. But i’m having another error:  
It was so easy to deploy an angular app on netlify by the past, I dunno what happenned

```auto

3:00:19 PM: Failed during stage "building site": Build script returned non-zero exit code: 2
3:00:18 PM: Deploy site                                                   
3:00:18 PM: ────────────────────────────────────────────────────────────────
3:00:18 PM: ​
3:00:18 PM: Section completed: deploying
3:00:18 PM: ​
3:00:18 PM: Configuration error                                           
3:00:18 PM: ────────────────────────────────────────────────────────────────
3:00:18 PM: ​
3:00:18 PM: Error message
3:00:18 PM: Deploy did not succeed: Deploy directory "dist/defi/browser" does not exist
3:00:18 PM: ​
3:00:18 PM: Resolved config
3:00:18 PM: build:
3:00:18 PM: command: ng build
3:00:18 PM: commandOrigin: ui
3:00:18 PM: publish: /opt/build/repo/dist/defi/browser
3:00:18 PM: publishOrigin: ui
3:00:18 PM: plugins:
3:00:18 PM: - inputs: {}
3:00:18 PM: origin: ui
3:00:18 PM: package: "@netlify/angular-runtime"
3:00:19 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
3:00:19 PM: Failing build: Failed to build site

```

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [November 22, 2023, 2:23pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/14 "2023-11-22T14:23:13Z")

</div>

Okay, now we indeed have a weird error. Can you share your repo so we can check this?

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 22, 2023, 5:14pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/15 "2023-11-22T17:14:03Z")

</div>

You mean my github repo ?  
It’s private, how can I share it to you?

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [November 22, 2023, 5:57pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/16 "2023-11-22T17:57:04Z")

</div>

You can add `Hrishkesh-K` to the repo: [Hrishikesh-K (Hrishikesh Kokate) (github.com)](https://github.com/Hrishikesh-K)

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 22, 2023, 6:06pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/17 "2023-11-22T18:06:10Z")

</div>

ok It’s done, you should be able to access to the project

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [November 22, 2023, 6:31pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/18 "2023-11-22T18:31:05Z")

</div>

Thanks, I just tried your repo and something is wrong on our end. I’m not sure why the plugin is adding the `browser` to the path. But for you, the solution would be to go to build settings: [Build & deploy | Site configuration | celadon-strudel-94430d | Netlify](https://app.netlify.com/sites/celadon-strudel-94430d/configuration/deploys#build-settings), choose edit, and from the Runtime, click on Remove:

 ![image](https://global.discourse-cdn.com/netlify/original/3X/e/b/ebd60beefaa2ae8284da994883a570b14c85426b.png)

Then you should be able to deploy your site.

---

<div class="post-metadata">

**Author:** ![imad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/imad/32/56248_2.png) [@imad](https://answers.netlify.com/u/imad)\
**Post date:** [November 22, 2023, 6:40pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/19 "2023-11-22T18:40:44Z")

</div>

Ok thx it’s working now

---

<div class="post-metadata">

**Author:** ![SamO](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/samo/32/41847_2.png) [@SamO](https://answers.netlify.com/u/SamO)\
**Post date:** [November 22, 2023, 6:54pm UTC](https://answers.netlify.com/t/angular-deployment-issue/106276/20 "2023-11-22T18:54:42Z")

</div>

glad to hear it you got it sorted.

[Next page](https://answers.netlify.com/t/angular-deployment-issue/106276.md?page=2)