When I am develope a chrome extension, the background shows this error:
Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
I have read the question, but it using the chrome long-term connection, and now I am using the short connection. this is my code recieve message:
chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
if (sender.tab && sender.tab.active) {
if (msg.text === 'setPageRSS') {
handleRSS(msg.feeds, sender.tab.id);
} else if (msg.text === 'addPageRSS') {
addPageRSS(msg.feed, sender.tab.id);
}
}
if (msg.text === 'getAllRSS') {
sendResponse(getAllRSS(msg.tabId));
}
});
what should I do to fix it? how to check the error? is it possible to check the recieve end exists before send message?
this is the popup page with sendMessage:
import '../../css/popup.less';
import ClipboardJS from 'clipboard';
import { getConfig } from '../common/config';
import { subChannel } from '../common/cruise';
import settingIcon from '../../svg/setting.svg';
import aboutIcon from '../../svg/about.svg';
import MD5 from 'md5.js';
import { Message } from 'element-ui';
let config;
function generateList(type, list) {
let result = '';
if (list && list.length) {
list.forEach((item) => {
const replaced_url = item.url.replace('{rsshubDomain}', config.rsshubDomain);
const url = encodeURI(
type !== 'page-rsshub' || !config.rsshubAccessControl.enabled
? replaced_url
: config.rsshubAccessControl.useCode
? `${replaced_url}?code=${new MD5().update(item.path + config.rsshubAccessControl.accessKey).digest('hex')}`
: `${replaced_url}?key=${config.rsshubAccessControl.accessKey}`
);
result += `
<li class="rss-item">
<img class="rss-image" src="${item.image || './rsshub.png'}">
<a href="${url}" class="rss-info">
<div class="rss-title">${item.title}</div>
<div class="rss-url">${url.replace('https://', '').replace('http://', '')}</div>
</a>
${
item.isDocs
? `<a href="${url}" class="rss-action">文档</a>`
: `<div class="rss-action rss-copy" data-clipboard-text="${url}">复制</div>`
}
${
config.submitto.feedly ? `<input id="${url}" url="${encodeURI(url)}" type="submit" value="订阅" class="rss-action rss-submitto-feedly"></input>` : ''
}
</li>
`;
chrome.storage.local.get("cruiseSubList", function(result){
var isSub = false;
var subList = result.cruiseSubList;
subList.forEach(item=>{
if(item.subUrl == url){
isSub = true;
}
});
console.log(isSub);
if(isSub){
document.querySelectorAll('input').forEach((ele) => {
if(ele.id == url){
ele.setAttribute('value','已订阅');
}
});
}
})
});
document.querySelector(`.${type} ul`).innerHTML = result;
document.querySelector(`.${type}`).style.display = 'block';
document.body.classList.add('something');
}
}
document.querySelector('.icons-setting').innerHTML = settingIcon;
document.querySelector('.icons-about').innerHTML = aboutIcon;
chrome.tabs.query(
{
active: true,
currentWindow: true,
},
(tabs) => {
const tabId = tabs[0].id;
getConfig((conf) => {
config = conf;
chrome.runtime.sendMessage(
null,
{
text: 'getAllRSS',
tabId: tabId,
},
(feeds) => {
generateList('page-rss', feeds.pageRSS);
generateList('page-rsshub', feeds.pageRSSHub);
generateList('website-rsshub', feeds.websiteRSSHub);
const clipboard = new ClipboardJS('.rss-copy');
clipboard.on('success', function (e) {
e.trigger.innerHTML = '已复制';
setTimeout(() => {
e.trigger.innerHTML = '复制';
}, 1000);
});
document.querySelectorAll('.rss-image').forEach((ele) => {
ele.addEventListener('error', function () {
this.setAttribute('src', './rsshub.png');
});
});
// handle a label click event
document.querySelectorAll('a').forEach((ele) => {
ele.addEventListener('click', (e) => {
e.preventDefault();
chrome.tabs.create({
url: ele.getAttribute('href'),
});
window.close();
});
});
document.querySelectorAll('input').forEach((e)=>{
e.addEventListener('click',(innerEvent) =>{
innerEvent.preventDefault();
//subChannelTest(e);
var subText = e.getAttribute('value');
if(subText === '已订阅'){
Message("已订阅此频道");
return;
}
if(subText === '处理中'){
Message("请求处理中...");
return;
}
if(subText === '订阅'){
e.setAttribute('value','处理中');
console.info("开始处理订阅...");
subChannel(e,0);
}
});
});
}
);
});
}
);
and this is my background sendMessage function:
chrome.tabs.onActivated.addListener((tab) => {
chrome.tabs.sendMessage(
tab.tabId,
{
text: 'getPageRSS',
},
(feeds) => {
handleRSS(feeds, tab.tabId, true);
}
);
});
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
if (changeInfo.url && tab.active) {
chrome.tabs.sendMessage(
tab.id,
{
text: 'getPageRSS',
},
(feeds) => {
handleRSS(feeds, tab.id);
}
);
}
});
today I found open a new url in Google Chrome still throw this error. This situation I did not know how to avoid it.
