Absolute path in angular cli

Question

I am using angular cli for my angular 2 application. After npm run build, dist folder is created. When I open index.html of dist folder, it cannot find files like inline.bundle.js, polyfills.bundle.js etc. I need to give an absolute path for these files so that I can run my project. Please help.

In order to build angular cli project, you should run ng build command. — Darshita
– Darshita, Commented Jul 21, 2017 at 5:46
@Darshita I have built the project. The relative path of mentioned files are the issue. — Keshav Dhawan
– Keshav Dhawan, Commented Jul 21, 2017 at 5:50
possibly your problem related with base href. check the cli --base-href option — Ravin Singh D
– Ravin Singh D, Commented Jul 21, 2017 at 6:09

Sahil Kashetwar · Accepted Answer · 2017-07-21 06:14:46Z

2

TO RESOLVE THIS ISSUE OF PROVIDING THE ABSOLUTE PATH

Please use the command below to generate the build of project using angular cli

Command for the dev build

ng build --base-href ./

for the production build

ng build --prod --base-href ./

Base-href is used to notify the path of js file located at.

answered Jul 21, 2017 at 6:14

Sahil Kashetwar

1671 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Keshav Dhawan Over a year ago

core.es5.js:1020 ERROR Error: Uncaught (in promise): SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///Users/keshavdhawan/Documents/sd/dist/' cannot be created in a document with origin 'null' and URL 'file:///Users/keshavdhawan/Documents/sd/dist/index.html'. Error: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///Users/keshavdhawan/Documents/sd/dist/' cannot be created in a document with origin 'null' and URL 'file:///Users/keshavdhawan/Documents/sd/dist/index.html'.

Keshav Dhawan Over a year ago

This one. ng build --base-href ./

Sahil Kashetwar Over a year ago

I have also run this command its working fine in my case please. is that the error that you are getting in console or terminal. please try to run that command from the root directory

Keshav Dhawan Over a year ago

On terminal it is building fine. I am getting this error on console when I open index.html of dist folder.

Keshav Dhawan Over a year ago

And its just on chrome and firefox. I tested on safari, its working fine. May be a security issue.

Mike Poole · Accepted Answer · 2019-07-18 12:14:10Z

1

I used this and working fine:

ng build --base-href 'SERVER_APPLICATION_PATH'

LIKE AS

ng build --base-href 'http://localhost/web/angular-first/'

edited Jul 18, 2019 at 12:14

Mike Poole

2,0715 gold badges32 silver badges46 bronze badges

answered Jul 18, 2019 at 11:08

Raman Singh

855 bronze badges

Collectives™ on Stack Overflow

Absolute path in angular cli

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related