Issue accessing components in Git subtree - Error: Cannot find module

I am encountering an issue while trying to access a component from a Git subtree in my Svelte project. Here’s a simplified view of my project structure:

root
- .subtree
  - imports
    - ui
      - Searchbar.svelte
- imports
  - ui
    - App.svelte

I am attempting to import Searchbar.svelte from the .subtree directory into App.svelte. However, I keep getting an error: Error: Cannot find module /.subtree/imports/ui/ThreeColumnLayout.svelte.

Here’s the snippet from App.svelte where I attempt to import and use Searchbar.svelte:

<script>
  import Searchbar from "/.subtree/imports/ui/ThreeColumnLayout.svelte";
  // Assuming these are required props for Searchbar
  export let placeholder = "Search Here...";
</script>

<div class="relative">
  <label for="search" class="absolute flex items-center left-2 top-2 justify-center">
    <!-- Placeholder SVG code -->
    <svg width="24" height="24" viewBox="0 0 24 24">
      <path d="m21 21-5.2-5.2m0 0A7.5 7.5 0 1 0 5.2 5.2a7.5 7.5 0 0 0 10.6 10.6" />
    </svg>
  </label>

  <!-- Use the Searchbar component -->
  <Searchbar {placeholder} />
</div>

I have tried different file paths such as ../../.subtree/imports/ui/ThreeColumnLayout.svelte and /.subtree/imports/ui/ThreeColumnLayout.svelte, but the error persists.