javascript / vue.js页面中的$ sign undefined错误

时间:2017-06-25 05:36:30

标签: javascript jquery ajax

我正在使用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上显示的大多数解决方案都将jQuery链接放在<head>部分。

我需要做些什么才能解决此问题?

1 个答案:

答案 0 :(得分:1)

您链接的文件是一个JavaScript文件,由getVideoStream扩展名标识。 JavaScript文件没有.js部分,这些部分适用于HTML文件,扩展名为<head>。您需要找到JavaScript文件链接到的HTML文件并添加:

.html

,在它的头部。然后jQuery将在JavaScript文件中工作。