# Failed to fetch dynamically imported module
**URL:** https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121
**Category:** General
**Created:** [June 8, 2023, 7:03pm UTC](https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121 "2023-06-08T19:03:04Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@SyedMSawaid](https://discuss.hotwired.dev/u/SyedMSawaid)
#### Post date: [June 8, 2023, 7:03pm UTC](https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121/1 "2023-06-08T19:03:04Z")
Need help with error.
```auto
stimulus-loading-1fc59770fb1654500044afd3f5f6d7d00800e5be36746d55b94a2963a7a228aa.js:27 Failed to register controller: todos--draggable-list (controllers/todos/draggable_list_controller) TypeError: Failed to fetch dynamically imported module: https://sprint.backyardcode.com/assets/controllers/todos/draggable_list_controller-dd7274170a9033e834959c481af84aba2f4d70b33802c9b11027d9a2c06b126c.js
```
Here is the import statements.
```auto
import {Controller} from "@hotwired/stimulus"
import {Sortable} from "sortablejs";
import {AppHttpClient} from "app_http_client";
```
While my `importmap.rb` looks like this.
```auto
# Pin npm packages by running ./bin/importmap
pin 'application', preload: true
pin '@hotwired/turbo-rails', to: 'turbo.min.js', preload: true
pin '@hotwired/stimulus', to: 'https://ga.jspm.io/npm:@hotwired/stimulus@3.2.1/dist/stimulus.js'
pin '@hotwired/stimulus-loading', to: 'stimulus-loading.js', preload: true
pin_all_from 'app/javascript/controllers', under: 'controllers'
pin_all_from 'app/javascript/turbo_streams', under: 'turbo_streams'
pin 'sortablejs', to: 'https://ga.jspm.io/npm:sortablejs@1.15.0/modular/sortable.esm.js'
pin 'hotkeys-js', to: 'https://ga.jspm.io/npm:hotkeys-js@3.10.1/dist/hotkeys.esm.js'
pin 'stimulus-use', to: 'https://ga.jspm.io/npm:stimulus-use@0.52.0/dist/index.js'
pin 'jquery', to: 'https://ga.jspm.io/npm:jquery@3.6.3/dist/jquery.js'
pin '@rails/request.js', to: 'https://ga.jspm.io/npm:@rails/request.js@0.0.8/src/index.js'
pin '@hotwired/turbo', to: 'https://ga.jspm.io/npm:@hotwired/turbo@7.3.0/dist/turbo.es2017-esm.js'
# Custom javascript files
pin 'app_http_client', preload: true
pin 'application_contants', preload: true
```
There were some other controllers that we throwing this error, however, I fixed it **But this controller lives in a nested directory like `app/javascript/controllers/todos/blah_controller.js`** Could that be causing the problem?
---
### Author:  [@tleish](https://discuss.hotwired.dev/u/tleish)
#### Post date: [June 9, 2023, 1:24pm UTC](https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121/2 "2023-06-09T13:24:19Z")
Does your browser report any loading errors in the dev tools \> network tab?
---
### Author:  [@SyedMSawaid](https://discuss.hotwired.dev/u/SyedMSawaid)
#### Post date: [June 9, 2023, 3:44pm UTC](https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121/3 "2023-06-09T15:44:51Z")
Yep. It shows 404
---
### Author:  [@SyedMSawaid](https://discuss.hotwired.dev/u/SyedMSawaid)
#### Post date: [June 9, 2023, 3:55pm UTC](https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121/4 "2023-06-09T15:55:28Z")
Could it be due to that I am exporting a function as well as a class from a single `js` file?
```javascript
export async function turboPatch(url, body){}
export class AppHttpClient {}
```
---
### Author:  [@SyedMSawaid](https://discuss.hotwired.dev/u/SyedMSawaid)
#### Post date: [June 10, 2023, 7:13pm UTC](https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121/5 "2023-06-10T19:13:48Z")
> [@SyedMSawaid](#):
>
> There were some other controllers that we throwing this error, however, I fixed it **But this controller lives in a nested directory like `app/javascript/controllers/todos/blah_controller.js`** Could that be causing the problem?
I can’t edit this post, so kindly ignore this. Because it was never working. I can’t use files of the `javascript` root folder.
---
### Author:  [@SyedMSawaid](https://discuss.hotwired.dev/u/SyedMSawaid)
#### Post date: [June 10, 2023, 8:03pm UTC](https://discuss.hotwired.dev/t/failed-to-fetch-dynamically-imported-module/5121/6 "2023-06-10T20:03:06Z")
# SOLVED IT:
The problem was that one of the two files that exist in the root javascript (`app/javascript`) folder was importing another through relative importing.
Solve it by importing it the correct way (not using relative import).