React 懒加载在生产环境中无法正常工作

Question

在我的当前项目中，我正在使用lazy加载路由。在本地环境下它完美地工作，但是在生产构建中，它会给我带来多个问题。

当我尝试在其中一个lazy加载路由上进行重定向时，它会尝试访问相对路径的块而不是基本路径。就像下面这样：

https://myapp.com/mypath/static/js/1.2324dfg.js

替换为https://myapp.com/static/js/1.2324dfg.js而不是

我只需使用npm run build prod命令简单地准备生产构建。如果我错过了任何设置，请告诉我。

- Prashant Mohite

---

你是否检查过在你的懒加载组件上应用Suspense组件？ - humanbean

@humanbean 是的，我在本地测试了一下，运行得很完美。只是在生产环境路径上有问题。不确定应该设置什么才能从基础路径而不是相对路径访问资源。 - Prashant Mohite

Answer 1

你可以尝试将这行代码放到你的 package.json 文件中吗？我之前也遇到过同样的问题，使用这个设置后问题已经解决了。祝你好运。

"homepage": "/",

- asifsaho