Fatal编程技术网
  • javascript/
  • Javascript Chrome控制台提供非法令牌错误

Javascript Chrome控制台提供非法令牌错误

javascript jquery google-chrome google-chrome-extension character-encoding

Javascript Chrome控制台提供非法令牌错误,javascript,jquery,google-chrome,google-chrome-extension,character-encoding,Javascript,Jquery,Google Chrome,Google Chrome Extension,Character Encoding,免责声明：我对开发（计算机科学专业二年级）非常陌生，请容忍我。 我目前正在开发一个chrome扩展，它从页面中提取JSON数据，然后通过HTML表显示扩展中的数据 我使用的是通过Visual Studio提供的chrome扩展模板。 因为我没有这个名声，我不能发布这个链接作为参考，但是如果你在谷歌中输入“chrome extension Visual Studio”，这是第一个链接 我正在使用jQuery插件处理通过VisualStudio下载的名为“DataTables”的表 每当我在测试“i

免责声明：我对开发（计算机科学专业二年级）非常陌生，请容忍我。 我目前正在开发一个chrome扩展，它从页面中提取JSON数据，然后通过HTML表显示扩展中的数据

我使用的是通过Visual Studio提供的chrome扩展模板。 因为我没有这个名声，我不能发布这个链接作为参考，但是如果你在谷歌中输入“chrome extension Visual Studio”，这是第一个链接

我正在使用jQuery插件处理通过VisualStudio下载的名为“DataTables”的表

每当我在测试“index.htm”文件上运行Visual Studio中的解决方案时，控制台中就会出现以下错误：

未捕获的语法错误：意外标记非法

jquery.dataTables.min.js:1

popup.js:1

这是一个随插件一起下载的文件，并根据插件的安装说明在HTML文件中引用。 控制台以相同的方式读取“popup.js”

问题：为什么控制台以这种方式读取我的两个文件

我已经检查了与此错误有关的StackOverflow的每一个问题，并尝试了给出的每一个解决方案，但没有结果

  • 我已多次检查Unicode 200b“零宽度空间”的任何符号

  • 我已经将默认字体设置为Times New Roman，并将所有文件的编码设置为UTF-8

  • 控制台中的网络诊断，以及通过文本编辑器运行html文件时，解决方案可以工作。我有一个显示虚拟数据的完全可排序的表

    • 我假设你们大多数人都熟悉chrome扩展的布局（manifest、html文件、javascript文件、icon.png）。 下面是HTML和JS各自的代码（我相信清单和图标与我的问题无关）

    “popup.html”html（Jquery/JS/CSS引用和保存数据的表格）：

    首先，我建议尝试从CDN加载JS文件（您对资源的显示非常奇怪），如果您无法这样做，请检查以确保datatables文件实际上是javascript

    其次，看起来好像您在顶部加载jQuery一次，然后再次加载datatables JS（如果它实际上正在加载）

    为什么要包含两个版本的jQuery？这不是一个好主意。您能验证第二个jquery是否正确加载吗？可能您忘记了src中的“http:”。顺便说一下，加载其中一个jQuery文件，您也可以像处理DataTables和弹出式js文件一样，从项目文件夹中提供这些内容。 
    <meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="scripts/DataTables/jquery.dataTables.min.js"></script>
<script src="app/popup.js"></script>
<link href="css/classic.css" rel="stylesheet" />
<title>Popup</title>
<body> 
   <table id="example" class="display" width="100"></table>
</body>
</html>

    var dataSet = [
       ["00001", "John", "Smith"],
       ["00002", "Jane", "Doe"],
       ["00003", "Ted", "Johnson"],
       ["00004", "Betty", "Smith"],
       ["00005", "Susan", "Wilson"],
       ["00006", "John", "Doe"],
       ["00007", "Bill", "Watson"],
       ["00008", "Walter", "Wright"]
];




  $(document).ready(function () {
 $('#example').DataTable({
    data: dataSet,
    columns: [
        { title: "Emp. Number" },
        { title: "First Name" },
        { title: "Last Name" }
    ]
});
  alert('If i loaded, it loaded');
});