# Cant resolve .scss file in aurelia cli with webpack

**URL:** <https://discourse.aurelia.io/t/cant-resolve-scss-file-in-aurelia-cli-with-webpack/2510>\
**Category:** Help Requests\
**Created:** [May 3, 2019, 8:05am UTC](https://discourse.aurelia.io/t/cant-resolve-scss-file-in-aurelia-cli-with-webpack/2510 "2019-05-03T08:05:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nnettin](https://avatars.discourse-cdn.com/v4/letter/n/13edae/32.png) [@nnettin](https://discourse.aurelia.io/u/nnettin)\
**Post date:** [May 3, 2019, 8:05am UTC](https://discourse.aurelia.io/t/cant-resolve-scss-file-in-aurelia-cli-with-webpack/2510/1 "2019-05-03T08:05:05Z")

</div>

I’m using aurelia cli with default, I have placed my styles in static folder and copied them into the dist folder using _CopyWebpackPlugin_ and it works fine.

I’m using sass-loader to load SCSS files, now the problem is requiring scss files in app.html as follows  
`<require from="/styles/sass/ots-theme-styles.scss"></require>` and it throws error as shown below.

`ERROR in ./src/app.html Module not found: Error: Can't resolve '/styles/sass/ots-theme-styles.scss' in '/home/sundar/Downloads/work/demo/src' @ ./src/app.html @ ./src/app.js @ ./src/main.js @ ./node_modules/aurelia-webpack-plugin/runtime/empty-entry.js @ multi aurelia-webpack-plugin/runtime/empty-entry aurelia-webpack-plugin/runtime/pal-loader-entry aurelia-bootstrapper`

but i can see styles in dist folder.

-TIA

---

<div class="post-metadata">

**Author:** ![arjendeblok](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/arjendeblok/32/802_2.png) [@arjendeblok](https://discourse.aurelia.io/u/arjendeblok)\
**Post date:** [May 3, 2019, 5:21pm UTC](https://discourse.aurelia.io/t/cant-resolve-scss-file-in-aurelia-cli-with-webpack/2510/2 "2019-05-03T17:21:24Z")

</div>

> [@nnettin](#):
>

It should work. Could you try a relative path instead of a fixed one. Like `<require from="../styles/sass/ots-theme-styles.scss"></require> `