-
-
Notifications
You must be signed in to change notification settings - Fork 9.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Can't use '@' for addressing assets in vuejs(ts) templates and in scss files #11117
Comments
@yyx990803 , @shilman |
Do you use vue-cli-plugin-storybook? |
@backbone87 I've used https://storybook.js.org/docs/guides/guide-vue/ automatic install which tells package.json:
|
Thank you @backbone87 , @shilman , everything is working now. First, I stashed all changes which have been made by following the instructions of Then I've re-installed storybook via using
But still there was one error for addressing assets in
I fixed it by using relative addressing using
the working example is here: https://github.com/SeyyedKhandon/vuejs-persian-chat-scaffold |
Please consider below sample code which is a simple vue.js(ts) SFC (Loading.vue):
(the reprex link is at the bottom of this question)
and the corresponding story:
this is my
./storybook/webpack.config.js
to support scss files.and tsconfig if it is needed for you, beacuse it has a path as source(i think it might be related, but not sure, because it should work on ts files, by the way i put it here):
when I run npm run storybook, it keeps showing errors which cant resolve logo.png and other SVG assets which is been addressed in the scss files like "./assets/images/alert-triangle.svg".
here is the error log:
reprex
here is the reprex,(i commented the ./storybook/webpack.config.js):
https://github.com/SeyyedKhandon/vuejs-persian-chat-scaffold/tree/storybook
The text was updated successfully, but these errors were encountered: