import.meta.globEager

[Red-xiaoshami]

import.meta.globEager，method types in imported files are missing when using typescript，How to solve it?

• index.ts
  import { LOGIN_TYPE } from "./index.type";

  export default {
  login: (data: LOGIN_TYPE) => {
  return axios.post("user/login", data);
  },
  exit: (data: LOGIN_TYPE) => {
  return axios.post("user/exit");
  },
  };

• code:
  const asyncRoutersFiles = import.meta.globEager("./*/index.ts");

const postsMetadata = Object.entries(asyncRoutersFiles).map(
([path, module]) => {
return module.default;
}
);

export default postsMetadata[0];

[secondvisioncorp]

me too using webpack TypeError: {}.globEager is not a function

[hnipps]

Checkout this section in the Vite docs.

I followed the instructions, restarted TS server in VSCode and now the types are available :D

[11003]

const modulesFiles = import.meta.glob("../api/*.js",{ eager: true })

[adifsgaid]

I managed to successfully implement this solution while using Rails with Vite and Stimulus. Although I closely followed the documentation and referenced helpful blog posts like the one from Evil Martians, I encountered issues with import.meta.globEager.

For anyone experiencing similar issues, here is the approach that worked for me to properly load the controllers with Stimulus:

import { Application } from "@hotwired/stimulus";
import { registerControllers } from "stimulus-vite-helpers";

const application = Application.start();
const controllers = import.meta.glob("./**/*_controller.js", { eager: true });

registerControllers(application, controllers);

This code snippet helps ensure that all Stimulus controllers are correctly registered and initialized within a Rails + Vite setup.