我正在尝试将扩展程序发布到Chrome网上应用店。在开发人员模式下以未打包的扩展名加载时,一切正常。但是,当我在上传zip文件后预览更改并尝试打开弹出窗口时,弹出html页面似乎丢失了,而是出现以下错误消息:
未找到您的文件,它可能已被移动或删除。 ERR_FILE_NOT_FOUND
控制台中没有弹出错误。
我的manifest.json如下:
{
"name": "<name>",
"version": "0.13",
"description": "<description>",
"permissions": ["*://*/*", "identity", "activeTab", "tabs", "storage"],
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
"background": {
"scripts": ["dist/background/index.js"],
"persistent": true
},
"content_scripts": [],
"web_accessible_resources": ["dist/content_scripts/index.css"],
"browser_action": {
"default_popup": "dist/popup/popup.html",
"default_icon": {
"16": "images/icon_16.png",
"32": "images/icon_32.png",
"48": "images/icon_48.png",
"128": "images/icon_128.png"
}
},
"icons": {
"16": "images/icon_16.png",
"32": "images/icon_32.png",
"48": "images/icon_48.png",
"128": "images/icon_128.png"
},
"oauth2": {
"client_id": "<client_id>",
"scopes": [
"https://www.googleapis.com/auth/userinfo.email",
"https://www.googleapis.com/auth/userinfo.profile"
]
},
"key": "<my_key>",
"manifest_version": 2
}
相对于清单,所有文件在压缩前都在正确的位置。
以下是popup.html文件的内容(popup.js在#root上安装了一个React应用):
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,600" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.1.1/themes/reset-min.css" integrity="sha256-JQ2nnTmybhOWSjfV3sa8mG0ZVhTCcORER4cyXc5HL10=" crossorigin="anonymous">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<div id="root"></div>
<script src="popup.js"></script>
</body>
</html>
我看过Chrome文档,但是在这些文档上它们要么稀疏,要么过时。有人可以帮忙吗?
谢谢
(编辑:我以前也曾上传过zip文件,却忘记了将popup.html移至dist / popup文件夹,以便在相关情况下实际上丢失了文件)
答案 0 :(得分:0)
在上载此新版本和以前的版本之间似乎出现了错误。在~/.config/google-chrome/Default/Extensions/<extension_id>
(在Linux上)上查看Chrome配置文件时,我意识到上次发布的版本是0.11,缺少popup.html文件,我以为已在(0.12)之间发布了新版本以进行修复这,但我看到不是。