请教`Webpack`打包后找不到资源?
请教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.js
在package.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个回答
test
2024-06-23
找到解决方法了,需要打包ESM
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容