请教`Webpack`打包后找不到资源?

作者站长头像
站长
· 阅读数 7

请教Webpack打包后找不到资源?

入口文件如下:

const Fiexd = lazy(() => import('./Fiexd'));

const ZoomFiexd: FC<PropsWithChildren<{}>> = ({ children }) => (
    <Suspense fallback={null}>
        <Fiexd>{children}</Fiexd>
    </Suspense>
);

export { ZoomFiexd };

export default ({ children }: PropsWithChildren<{}>) => {
    return (
        <div className="zoom-default-3">{children}</div>
    );
};

打包在lib目录,如下:

874.index_bundle.js
874.index_bundle.js.map
index_bundle.js
index_bundle.js.LICENSE.txt
index_bundle.js.map

入口文件index_bundle.jspackage.json中设置main指向./lib/index_bundle.js就好了

但是874.index_bundle.js这个文件就找不到了,提示如下

ERROR
Loading chunk 874 failed.
(error: http://localhost:8686/874.index_bundle.js)
ChunkLoadError: Loading chunk 874 failed.

于是我去查了下,说是要设置homepage

  • 但是无论我是设置./lib/还是设置.,都不对
  • 于是我想是不是要将homepage指向./lib/main入口指向index_bundle.js,还是不对

请问这个要怎么配置?

回复
1个回答
avatar
test
2024-06-23

找到解决方法了,需要打包ESM

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容