Google chrome extension 未捕获引用错误：$未定义？不知道如何修复_Google Chrome Extension

Google chrome extension 未捕获引用错误：$未定义？不知道如何修复

google-chrome-extension

Google chrome extension 未捕获引用错误：$未定义？不知道如何修复,google-chrome-extension,Google Chrome Extension,我一直在尝试制作一个chrome扩展，我了解基本原理。但每次我尝试使用javaScript创建弹出窗口并使用jquery时，都会出现相同的错误。未捕获引用错误：$未定义。下面是我的代码舱单： { "manifest_version": 2, "name": "Budget Manager", "version": "1.0", "description&

我一直在尝试制作一个chrome扩展，我了解基本原理。但每次我尝试使用javaScript创建弹出窗口并使用jquery时，都会出现相同的错误。未捕获引用错误：$未定义。下面是我的代码

舱单：

{
    "manifest_version": 2,
    "name": "Budget Manager",
    "version": "1.0",
    "description": "This extension tracks your overall spending.",
    "icons": {
        "128": "icon128.png",
        "48": "icon48.png",
        "16": "icon16.png"
    },
    "browser_action": {
    "default_icon": "icon16.png",
    "default_popup": "popup.html"
    },
    "permissions": [
    "storage"
    ]
}

Popup.html：

<!DOCTYPE HTML>
<HTML>
    <head>
        <title>Budget Manager</title>
        <script src="popup.js">
            
        </script>
        <script src="jquery-3.1.0.min.js">

        </script>
    </head>
    <body>
        <h1>Budget Manager</h1>
        <h2>Total Spend: <span id="total">0</span></h2>
        <h2>Limit: <span id="limit">0</span></h2>
        <h3>Enter Amount</h3>
        <input type="text" id="amount"/>
        <input type="submit" id="spendAmount" value="Spend"/>
    </body>
</html>

谢谢

我编写的另一个代码也是如此。如果需要，将放入。将

块移到第一个脚本块之前。现在没有错误，但js不起作用。我无法使用spendDebug代码为总数增加更多的钱。请注意，弹出窗口是一个单独的窗口，因此它有自己单独的devtools：右键单击弹出窗口内部，然后在菜单中选择“检查”。

$(function() {

    chrome.storage.sync.get('total', function(budget){
        $('total').text(budget.total);
    })

    $('spendAmount').click(function(){
        chrome.storage.sync.get('total', function(budget){
            var newTotal = 0;
            if(budget.total){
                newTotal += parseInt(budget.total);
            }

            var amount = $('#amount').val();
            if(amount){
                newTotal += parseInt(amount);
            }

            chrome.storage.syng.set({'total': newTotal});

            $('#total').text(newTotal);
            $('#amount').val('');
        });
    });
});