我目前正在构建一个图像轮播，我想计算一个只能在操作系统级别访问的目录的内容，并将结果传递给Yew中的一个Web组件模块内的静态散列表。
这里有一个use_reducer和一个Context，我希望在其中使用默认状态保存文件计数。

use std::{cmp::max, collections::HashMap, fs, rc::Rc};
use yew::prelude::*;

extern crate web_sys;

// A macro to provide `println!(..)`-style syntax for `console.log` logging.
macro_rules! log {
    ( $( $t:tt )* ) => {
        web_sys::console::log_1(&format!( $( $t )* ).into());
    }
}

pub enum CarouselAction {
    Prev,
    Next,
}

#[derive(Debug, PartialEq, Eq, Clone)]
pub struct CarouselState {
    chapter_state: HashMap<i32, i32>,
    pub page: i32,
    pub chapter: i32,
}

pub type CarouselContext = UseReducerHandle<CarouselState>;

impl Default for CarouselState {
    fn default() -> Self {
        let dir = "./assets/carousel/op";
        let total_chapters = fs::read_dir(dir)
            .unwrap()
            .filter(|entry| entry.as_ref().unwrap().metadata().unwrap().is_file())
            .count();
        log!("TOTAL CHAPTERS {}", total_chapters);
        Self {
            chapter_state: HashMap::new(),
            page: 1,
            chapter: 1043,
        }
    }
}

impl Reducible for CarouselState {
    // Reducer Action Type
    type Action = CarouselAction;

    fn reduce(self: Rc<Self>, action: Self::Action) -> Rc<Self> {
        match action {
            CarouselAction::Prev => Self {
                page: max(self.page - 1, 1),
                chapter: self.chapter,
                chapter_state: self.chapter_state.to_owned(),
            }
            .into(),
            CarouselAction::Next => {
                log!("self.page {}", self.page);
                Self {
                    page: self.page + 1,
                    chapter: self.chapter,
                    chapter_state: self.chapter_state.to_owned(),
                }
                .into()
            }
        }
    }
}

#[derive(PartialEq, Debug, Properties)]
pub struct CarouselContextProps {
    #[prop_or_default]
    pub children: Children,
}

#[function_component(CarouselContextProvider)]
pub fn carousel_context_provider(props: &CarouselContextProps) -> Html {
    let state = use_reducer(CarouselState::default);
    html! {
        <ContextProvider<CarouselContext> context={state}>
            {props.children.clone()}
        </ContextProvider<CarouselContext>>
    }
}

pub fn use_carousel_context() -> impl Hook<Output = Option<UseReducerHandle<CarouselState>>> {
    use_context::<CarouselContext>()
}

有关代码为：

impl Default for CarouselState {
    fn default() -> Self {
        let dir = "./assets/carousel/op";
        let total_chapters = fs::read_dir(dir)
            .unwrap()
            .filter(|entry| entry.as_ref().unwrap().metadata().unwrap().is_file())
            .count();
        log!("TOTAL CHAPTERS {}", total_chapters);
        Self {
            chapter_state: HashMap::new(),
            page: 1,
            chapter: 1043,
        }
    }
}

我正在浏览器中运行文件系统，它是不可访问的，它返回了一个错误（很明显），我想在编译成wasm并将结果保存在chapter_state散列Map之前运行这段代码。
这可能吗？
我目前正在考虑使用一个单独的脚本来生成一个包含哈希Map结果的文件，然后将该文件包含在紫杉中。