CSA - cannot find module even though path appears correct

[joepagan]

Using @snowpack/app-template-react migrating a react app over to snowpack. But hitting a "cannot find module" error. At a guess it sounds like a pathing issue however I cannot see an issue with my path now that the aliases are set.

It wants to try import a js file as modules

In various components I want to import with:

import Button from "@components/CustomButtons/Button.js";

snowpack installing... @components/CustomButtons/Button.js
✖ Cannot find module '@components/CustomButtons/Button.js'

snowpack.config.json

"alias": {
    "@components": "./src/components",

Path to file ./src/components/CustomButtons/Button.js

It seemingly wants to try import static files as a module?

import joeImage from "@assets/img/profiles/joe-400.jpg";

returns:

⠼ snowpack installing... @assets/img/profiles/joe-400.jpg
✖ Cannot find module '@assets/img/profiles/joe-400.jpg'

It seems to do this for .webp files & .mp4 too.

Update:
I think this issue is caused by aliases not working, my config:

{
  "extends": "@snowpack/app-scripts-react",
  "plugins": [],
  "scripts": {},
  "alias": {
    "@app": "./src",
    "@assets": "./src/assets",
    "@components": "./src/components",
    "@jss": "./src/assets/jss",
  }
}

[joepagan]

Not sure why, but this is deffo alias related, I changed all my paths to not use alias shortcuts and that resolved this error in the end.