No file system available

[clxrityy]

I am currently following the streamed series on YouTube, this is where I'm at (Episode 10, File Manager).

im stuck

The error I was getting while having the public.json (coming from the build:fs script) outside of the public directory, in the root:

• While trying to use the desktop/ directory (within public) as passed to the FileManager.

"ENOENT"
errno : 2
message : "Error: ENOENT: No such file or directory., '/desktop'"
path : "/desktop"
stack
"Error\n    at new ApiError (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:107:38)\n    at ApiError.FileError (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:129:32)\n    at ApiError.ENOENT (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:132:37)\n    at XmlHttpRequest.stat (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:12005:48)\n    at http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:10020:50\n    at noError (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:7560:25)\n    at http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:8159:33\n    at noError (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:7560:25)\n    at http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:8334:33\n    at handleDirectoryListings (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:8302:33)\n    at http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:8315:45\n    at http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:8366:41\n    at r.onsuccess (http://localhost:3000/_next/static/chunks/node_modules_browserfs_dist_browserfs_dc55a234.js:8628:33)"
syscall
:
""

---

So, I moved the public.json into public/ (and altered the build:fs script appropriately), and I'm seeing the output with the fallback icon as none of the data for the file can be read.

The files are only being read at all if I pass / to the FileManager, which gives these errors:

Summary: The error is thrown when the file system is not available to the useFileInfo hook. Therefore the files are not openable and the pid is not available to the FileEntry component (within FileManager).
But this folder structure was the only way I could get it to work at all for now.

I wrote all the glory details in my repo:

• Readme
• Demo (failed deployment)

Any help would be appreciated <3 much kudos to this project as it's gotten me really excited about what I'm working on.

[DustinBrett]

I like the demo, it is looking cool. As for the exact error it is hard for me to say based on the episodes as I have changed so much since Episode 10 which was years ago. I'd say you are on the right track to debugging it.

[Lachaleca1]

Yeah thats truth thanks

[clxrityy]

You were right about me not being hopeless at solving this myself... (That's what you said I think)

I had to go about things in a different way because:

1. The video I'm on, as you said, is from almost exactly 4 years ago now.
2. I am using the app router.

Workaround:

• Removed the directory prop from <FileManager /> and useFiles
  • Rather than passing the directory with resolve(direcory, path) as the path prop to FileEntry, I am passing resolve("desktop", path).
    • This way the path always resolves to the desktop/ directory
• Refactored getShortcut() to utilize axios to fetch the file.
• Changed the file Main.url to Main.json so that I can extract the URL and IconFile in a way that I understand.
• I still can't open the process yet, but hey, no errors, and my initial issue is resolved (-:

Once again, great project, and thank you.