我有一个与 webpack 捆绑在一起的 React 应用程序,当打开开发工具进行刷新时,我收到以下错误:
ChunkLoadError: Loading chunk 868 failed. (error: chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/868.6e8bcbc51918bd56.js
控制台说:
Denying load of chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/868.6e8bcbc51918bd56.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.
随后也出现网络错误,但我不确定是否纯粹是因为之前的错误:
GET chrome-extension://invalid/ net::ERR_FAILED
这似乎是 React Dev Tools 引起的,因为这是错误中列出的扩展 ID,禁用 Chrome 扩展时,这不是问题。
该应用程序也使用 React lazy 进行代码拆分,因此使用了代码块。
我尝试创建一个 manifest.json 文件以允许 React Dev Tools 扩展访问它需要的任何内容。
manifest.json
{
"web_accessible_resources": [
"resources": ["fmkadmapgofadopljbjfkapdkoienihi/build/*.js"],
"extension_ids": ["fmkadmapgofadopljbjfkapdkoienihi"]
]
}