Failed to fetch dynamically imported module

[ObserverOfTime]

Describe the bug

sapper build, sapper export & sapper dev all result in the same error.

The page loads for a split second but then is replaced by this message:

500 Failed to fetch dynamically imported module: http://localhost:3000/routes/index.svelte

Logs

Nothing in the server logs. This is in the browser console:

Failed to load resource: the server responded with a status of 404 (Not Found)

To Reproduce

• Clone ObserverOfTime/portfolio
• Run yarn build & yarn start (or npm)
• Visit http://localhost:3000/portfolio/

Or just view the error on the deployed site.

Expected behaviour

I expected the page to work as it used to.

Information about your Sapper Installation:

• Browser and version: Chromium 80.0.3987.149 / Firefox 75.0b11
• Operating system: Arch Linux x86_64
• Hosting environment: local / GitHub Pages
• Application type: exported
• Sapper version: v0.27.12
• Svelte version: v3.20.1
• Node version: v13.12.0
• Webpack version: v4.42.1

Severity

This issue is blocking my usage of Sapper entirely.

Additional context

Seems to be related to #464 but I can't find a working solution.

[antony]

We don't have the resources to help you debug your own code. This error happens when you have an error in your code which is causing a module import to fail.

I would suggest that you determine what isn't being found (the 404) by looking at the linked code within your browser console, this can't be done on your hosted site by us due to minification.

If you require support in fixing this, please feel free to come and chat to us at https://svelte.dev/chat

[ObserverOfTime]

This error happens when you have an error in your code which is causing a module import to fail.

There were no breaking changes in my code since the last time it worked.

I would suggest that you determine what isn't being found (the 404) by looking at the linked code within your browser console

It's not finding ../../../routes/index.svelte. I don't know what the working directory is but even when editing the generated file to use the absolute path, it doesn't work.

this can't be done on your hosted site by us due to minification.

Which is why I also included instructions to reproduce it locally.

[antony]

If there were no breaking changes and it worked before... what changed to break it now?

On Fri, 3 Apr 2020 at 18:17, ObserverOfTime ***@***.***> wrote: This error happens when you have an error in your code which is causing a module import to fail. There were no breaking changes in my code since the last time it worked. I would suggest that you determine what isn't being found (the 404) by looking at the linked code within your browser console It's not finding ../../../routes/index.svelte. I don't know what the working directory is but even when editing the generated file to use the absolute path, it doesn't work. this can't be done on your hosted site by us due to minification. Which is why I also included instructions to reproduce it locally. — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub <#1144 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AABVORMIATLNVI4ZN63EMGDRKYKZTANCNFSM4L4GZRPA> .

--

…

________________________________ ꜽ . antony jones . http://www.enzy.org

[ObserverOfTime]

I guess we'll never know since after removing __sapper__, node_modules & yarn.lock for the umpteenth time and rebuilding… it works.

[antony]

I've not used yarn with sapper, so I can't speak for it.

I can recommend committing often and being ready to roll back to a previous working state if this sort of issue crops up in your code again.

[x4080]

hi, maybe the error is related to cache, do you use serviceworker? i got this error and when refreshing the page error is gone

[JulianRojasBet]

I am having the exactly same error, @x4080 can you share how do you solved it?

hi, maybe the error is related to cache, do you use serviceworker? i got this error and when refreshing the page error is gone

[cliveportman]

Did you solve this? I tried clearing the cache and rebuilding again, no improvement. Made a minor text change and re-committed, triggering a deploy and the site worked again. Looking through my commits, there have only been text changes (i.e. content types) that can have caused this, so I'm thinking there is more to it.

[CMalmos]

This Does not work

let path = "Bluetooth"
Icon = (await import("./"+path+".svelte")).default; 

This Works
Icon = (await import("./Bluetooth.svelte")).default;