Webpack: URLs prefixed with ~ are not working

[ellipticaldoor]

When I try to use URLs prefixed with ~ I get the following error:

 ERROR  Failed to compile with 1 errors              12:11:00 PM

This dependency was not found:

* assets/logo.png in ./~/vue-loader/lib/template-compiler.js?{"id":"data-v-7ca92acd"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue

To install it, you can run: npm install --save assets/logo.png

I'm using same line of code as the documentation:

<img src="~assets/logo.png">

http://vuejs-templates.github.io/webpack/static.html

[grantcarthew]

Docs must be out of date. Try the @ instead of tilda.

[ellipticaldoor]

With @ doesn't give an error but I get a 404

<img src="@assets/logo.png">

[LinusBorg]

Edit : redacted

[LinusBorg]

tildes are not necessary for urls in templates. They are a special syntax used by css-loader.

[oswaldofreitas]

same here. When using @ or remove tild got 404

[LinusBorg]

The alias works like @/assets. And in CSS, it would be ~@/assets

Please ask further questions on forum.vuejs.org

[oswaldofreitas]

https://github.com/vuejs/vue-loader/issues/193#issuecomment-294504754

[LinusBorg]

Furthermore, tildes are only useful in CSS.