#says it can't find the module but it's showing?

13 messages · Page 1 of 1 (latest)

wispy cairn
#

Screenshot shows the error saying it can't find "sidebar" but it is being called and rendered on the page.

image.png image.png image.png
tepid ivy
#

How are your aliases configured?

wispy cairn
#

This is in my layout file btw.

#

Will show now

# 
{
    "extends": "astro/tsconfigs/strict",
    "compilerOptions": {
        "jsx": "react-jsx",
        "jsxImportSource": "react",
        "baseUrl": ".",
        "paths": {
            "@/*": ["src/*"],
            "@/components/*": ["src/components/*"]
        }
    }
}
tepid ivy
#

Hmm, that seems like it should work. Have you tried simply restarting the editor perhaps?

wispy cairn
#

hmm, not a full one, only refreshes. trying now

#

Slightly different error now:

File name '/Users/private/Documents/GitHub/blurp-astro/src/components/Sidebar/Sidebar.astro.tsx' differs from already included file name '/Users/private/Documents/GitHub/blurp-astro/src/components/sidebar/Sidebar.astro.tsx' only in casing.
  The file is in the program because:ts(1149)

Seems to be slapping on a .tsx to the end in the errors, but the file is called Sidebar.astro

tepid ivy
#

Ah, that's just an implementation detail

#

The underlying issue is that you have a file being included using two different casing

#

"src/components/Sidebar/Sidebar.astro" vs ""src/components/sidebar/Sidebar.astro""

wispy cairn
#

wow I am having a slow brain today

#

I forgot I changed the folder casing without updating the import ref