# Custom Aurelia app scaffolding (last “makes” option) not working properly with certain choices

**URL:** <https://discourse.aurelia.io/t/custom-aurelia-app-scaffolding-last-makes-option-not-working-properly-with-certain-choices/6319>\
**Category:** Help Requests\
**Created:** [January 5, 2025, 3:44am UTC](https://discourse.aurelia.io/t/custom-aurelia-app-scaffolding-last-makes-option-not-working-properly-with-certain-choices/6319 "2025-01-05T03:44:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![estaylorco](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/estaylorco/32/1887_2.png) [@estaylorco](https://discourse.aurelia.io/u/estaylorco)\
**Post date:** [January 5, 2025, 3:44am UTC](https://discourse.aurelia.io/t/custom-aurelia-app-scaffolding-last-makes-option-not-working-properly-with-certain-choices/6319/1 "2025-01-05T03:44:19Z")

</div>

Hello,

Running `npx makes aurelia` and choosing **Custom Aurelia 2 Project** :

 ![Custom App](https://canada1.discourse-cdn.com/flex027/uploads/aurelia/original/2X/8/827ee07f6c2d7699df6718e2ed2d6adb1c9456d6.png)

produces an app that does not load CSS classes. Whether I import the stylesheet locally in the HTML file , or leave it to convention, CSS classes are not loaded. I say _classes_ because the styling in the CSS files as applied to built-in tags works just fine. In the default **my-app.css** file, this declaration doesn’t work (while all the rest of the styling does):

```auto
.active {
    background-color: yellow;
}

```

I’m using the configuration as is, as generated by `makes`, but of course I had to create a CSS file. So I created **welcome-page.css** , then relied on convention for loading. I then tried explicit local import. No luck.

I tried the SCSS option just to see if that was a happy path. That didn’t work either.

Vite doesn’t exhibit this problem.

---

<div class="post-metadata">

**Author:** ![bigopon](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/bigopon/32/18_2.png) [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Post date:** [January 6, 2025, 3:25am UTC](https://discourse.aurelia.io/t/custom-aurelia-app-scaffolding-last-makes-option-not-working-properly-with-certain-choices/6319/2 "2025-01-06T03:25:28Z")

</div>

cc @huochunpeng

@estaylorco when you create an issue with the scaffolding, can you help copy the summary one-liner command to make issue replication quicker? Normally `makes` will print that line out at the end of your selection.

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [January 6, 2025, 3:49am UTC](https://discourse.aurelia.io/t/custom-aurelia-app-scaffolding-last-makes-option-not-working-properly-with-certain-choices/6319/3 "2025-01-06T03:49:53Z")

</div>

Webpack rewrote the .active into some coded class name.

```auto
/* ... */
a:hover {
  background-color: darkgray;
}

.mtxMk0oMjmSLHssaaOkL {
  background-color: lightgray;
}

```

Must be configuration issue for the latest css-loader. I will investigate.

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [January 6, 2025, 4:05am UTC](https://discourse.aurelia.io/t/custom-aurelia-app-scaffolding-last-makes-option-not-working-properly-with-certain-choices/6319/4 "2025-01-06T04:05:33Z")

</div>

> <https://github.com/aurelia/new/pull/116/files>

Remove options for css-loader, the option was only to patch css-module config.

---

<div class="post-metadata">

**Author:** ![estaylorco](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/estaylorco/32/1887_2.png) [@estaylorco](https://discourse.aurelia.io/u/estaylorco)\
**Post date:** [January 8, 2025, 2:11am UTC](https://discourse.aurelia.io/t/custom-aurelia-app-scaffolding-last-makes-option-not-working-properly-with-certain-choices/6319/5 "2025-01-08T02:11:10Z")

</div>

Yes, that solved the problem! Thank you!