我有一个带有动态加载 lingui 的 create-react-app PWA,在这里
它可以在本地develop
和production
模式下正常工作
但是,当部署在生产服务器中时,有些东西会刹车:
*所有 lingui 文件都可以从服务器获得,
*service-worker 正确预缓存资源,包括所有messages.po
和所有i18n-*
js 块
*似乎在应用程序中延迟导入它们不会触发任何fetch (不是 service-worker 或 xhr )并失败,例如Cannot find module './en_GB/messages.js'
关于检查什么的任何提示?
编辑:
发现 webpack 正确地将 *.po 文件映射到可延迟导入的块 url
,但它不会为已编译的 *.js(或 *.json)块创建映射(奇怪的是,除了许多语言中的一种
)一个临时的解决方法,我让应用延迟导入 i18n 未编译.po
的文件,而不是.js
在生产中编译,
唯一的副作用是 *.po 文件在运行时由应用编译,导致 lang 加载和 lang 设备之间的(微小的不明显的)延迟时间