关于JS中import {} from“#“的#

       前两天刚刚学到ES6模块化  但是当我使用以下代码引用js文件时 我的代码却报错了

在js文件中使用默认导出

export default Tabs

 使用import导出

<script type="module">
        import MyTabs from './js/tab.js'

        new MyTabs(".container1","click")
        
        new MyTabs(".container2","mouseover")
        new MyTabs(".container3","mouseover")
        
       
      
      </script>

虽然现在看起来没问题吧

但是当我用server打开之后

却提示我找不到这个文件

然后我发现我的html文件和js文件并没有放在一个文件夹下

当我把这两个文件放在同一文件夹下时

重新设置地址导入

 <script type="module">
        import MyTabs from './tab.js'

        new MyTabs(".container1","click")

        new MyTabs(".container2","mouseover")
        new MyTabs(".container3","mouseover")
  
      
      </script>

这样再次打开就正常了

        到这步 ，我虽然把代码敲出来了，但是我还是不太明白为什么我放在不同文件夹下就找不到对应地址了，如果这篇文章能偶然被大佬看到 ，希望懂的大佬可以帮我解一下惑

---