{{ mix('js/bundle.js') }} prepending "/" to path

[ramakrishnamundru]

• Laravel Mix Version: 0.12.1
• Node Version (node -v): 7.10.0
• NPM Version (npm -v): 4.2.0
• OS: Linux-mint

Description:

I use this to compile my vue component with HMR.
<script src="{{ mix('js/bundle.js') }}"></script>
It is normal when used with npm run hot but when run npm run dev
is outputting
<script src="/js/bundle.js"></script>
I set the resource root like this
mix.setResourceRoot('/myapp/public/');

Because of the "/" the browser is looking for the file in the root directory of the server instead of "myapp"

[decadence]

It's intended.

Look here.

[ramakrishnamundru]

Hi,
Any workaround for this?

[decadence]

Maybe you could try call setPublicPath instead of setResourceRoot

[ramakrishnamundru]

I am using
mix.setPublicPath('public')
But no use.

[JeffreyWay]

This repo doesn't control that function. So that would be a Laravel framework issue.

[ruchernchong]

@ramakrishnamundru Workaround is using url(mix()) helper as per Taylor Otwell's suggestion.

[decadence]

@ruchern And how does that resolve forcing leading slash behaviour?