Javascript 无法在wordpress中加载js模块

我正在本地开发环境上构建wordpress主题

情况很简单：

我从function.php文件加载js脚本，并在标记中添加一个类型模块。其代码如下所示：

最后，我尝试从scripts.js文件导入的Carousel.js文件如下：

我的问题是无法加载Carosel的导入，我在控制台上遇到以下错误：

得到http://localhost/mikro/wp-content/themes/mikro-theme/js/modules/Carousel net:：ERR_中止404（未找到）

有趣的是，它所说的路径找不到文件所在的路径

我不明白我做错了什么

function mikro_files(){
    wp_enqueue_script('mikro_main_js', get_theme_file_uri('/js/scripts.js'),NULL,"1.0",true);
    wp_enqueue_style('mikro_main_style', get_theme_file_uri('/css/lord.css'));   
}
add_action('wp_enqueue_scripts', 'mikro_files');

add_filter( 'script_loader_tag', 'add_tag_to_script', 10, 3);
 
function add_tag_to_script( $tag,$handle,$src) {
    if($handle === 'mikro_main_js'){
        $tag = '<script type="module" src="' . esc_url( $src ) . '"></script>';
    } 
    return $tag;
}

import Carousel from "./modules/Carousel"

var carousel = new Carousel()

class Carousel {
    constructor(){
        var carousel = document.getElementById("carousel")
        this.events()
    }

}


export default Carousel