ChunkLoadError Chrome 扩展失败

问题描述 投票:0回答:0

我有一个与 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"]
  ]
}
reactjs webpack google-chrome-extension single-page-application
© www.soinside.com 2019 - 2024. All rights reserved.