मैं कर रहा हूँ एक स्वत: भरण क्रोम एक्सटेंशन है. अर्थात्, एक बार एक बटन दबाने, एक इनपुट के रूप में सामग्री वेब पेज द्वारा पॉपुलेटेड हो जाएगा पाठ से popup.html. मैं यह हो रही है नहीं पढ़ सकते हैं "के गुण शून्य" त्रुटि से शुरू, जहां मैं एक घटना श्रोता के लिए मेरे बटन. [Uncaught TypeError: नहीं पढ़ सकते हैं के गुण अशक्त (पढ़ना 'addEventListener')][1]
यहाँ अपने html फ़ाइल
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Autofill</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p id="testText">Text to put</p>
<button id="fillForm">Fill!</button>
<script src="app.js" ></script>
</body>
</html>
यहाँ है मेरी app.js
console.log('background running!!!')
let testtext = document.getElementById('testText')
let button = document.getElementById('fillForm')
button.addEventListener('click', buttonClick);
function buttonClick(){
params = {
active: true,
currentWindow: true
}
chrome.tabs.query(params, gotTabs);
function gotTabs(tabs){
let text = testtext.innerHTML
let content = {
username: text
}
chrome.tabs.sendMessage(tabs[0].id, content);
}
}
यहाँ है मेरी content.js
console.log("Receiving message...")
chrome.runtime.onMessage.addListener(gotMessage);
function gotMessage(message, sender, sendReponse){
document.getElementById('email').value = content.username
}
अन्त में, मेरे manifest.json
{
"name": "Resume Autofiller",
"description": "Build an Extension!",
"version": "1.0",
"manifest_version": 2,
"browser_action":{
"default_popup": "index.html"
},
"permissions": [
"activeTab",
"<all_urls>"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": [ "content.js" ]
}
],
"background": {
"scripts": ["app.js"]
}
}
मैं ऑनलाइन पढ़ा है कि मैं चाहिए मेरी स्क्रिप्ट टैग के तल पर शरीर टैग, लेकिन मैं अभी भी इस त्रुटि मिलती है. मुझे लगता है जैसे मैं कर रहा हूँ की देखरेख के कुछ स्पष्ट है, इसलिए किसी भी मदद की बहुत सराहना की है. धन्यवाद!! संलग्न त्रुटि मैं हो रही हूँ. [1]: https://i.stack.imgur.com/GyNXO.png