Новый TypeError («Неправильный спецификатор модуля», «») с реакцией Lazy ⇐ Javascript

[Anonymous]

Я хотел бы использовать React lazy для импорта простого компонента mui.
Мой компонент:

Код: Выделить всё

import Button from '@mui/material/Button';

export default function Foo() {
return(
Contained
);
}

Я использую Vite (с Rolldown-Vite) для создания этого компонента:

Код: Выделить всё

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
plugins: [react()],
define: {
"process.env.NODE_ENV": JSON.stringify("production")
},
build: {
lib: {
entry: "src/Index.tsx",
name: "mycomponent",
formats: ["es"]
},
rollupOptions: {
external: ["react", "react-dom", "@mui/material", "@emotion/react", "@emotion/styled"],
}
}
})

Я использую http-сервер для обслуживания связанного js-файла. Я могу достичь его с помощью завитка.
При импорте с помощью:

Код: Выделить всё

  const url = "http://127.0.0.1:8080/mycomponent"; //same url with curl
const Lazycomponent = lazy(() =>
import(/* @vite-ignore */ url).catch((err: unknown) => {
console.log(err);
}),

Я понимаю

Код: Выделить всё

(new TypeError("Wrong module specifier", ""))
%s

%s

Я не устанавливаю React и Mui Deps в компонент, потому что я установил их в свое основное приложение.
Я не знаю, почему у меня возникает эта проблема.
Я делаю что-то не так во время сборки/импорта?

Подробнее здесь: https://stackoverflow.com/questions/797 ... react-lazy