$ sign undefined error in javascript/vue.js頁面

我正在致力於javascript/vue.js頁面at this link。我將此代碼添加到上面的文件：

$(document).ready(function() { 
    myIP(); 
}); 

function myIP() { 
    $.getJSON("//freegeoip.net/json/?callback=?", function(data) { 
    // after succesful ajax response call myCallback with data.ip 
    myCallback(data.ip); 
    }); 
} 

function myCallback(theIP) { 
// do your stuff here 
    console.log("Data.ip:", theIP); 
    configDefault.lex.sessionAttributes.ip = theIP; 
    //console.log("ConfigDefault:", configDefault); 
};

當我加載網頁我看$ sign undefined錯誤。然後我加入<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>但後來我開始錯誤

Uncaught Error: Module build failed: SyntaxError: Unexpected token (34:0) 

    32 | 
    33 | 
> 34 | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    |^
    35 | 
    36 | // TODO turn this into a class

有一件事我注意到，有在上面的鏈接沒有<head>部分的文件中，最上SO提到所示的解決方案就擺在<head> jQuery的鏈接部分。

我需要做些什麼來解決這個問題？

來源

2017-06-25 user2916886