为什么InstantsearchJS库方法没有在VS中突出显示

时间:2017-11-22 14:49:26

标签: c# .net visual-studio webforms instantsearch.js

我正在使用InstantSearchJS,但方法不会改变颜色,表明它看到了库。我有一个.net Web表单应用程序,我在我的主文件中包含了InstantSearchJS的CDN。我还有一个JS文件的链接,并测试它读取我包含的JS文件(打印警报) 我正在使用Visual Studio 2017。

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="webformstest.SiteMaster" %>

<!DOCTYPE html>

<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%: Page.Title %> - My ASP.NET Application</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.2.5/dist/instantsearch.min.css">
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.2.5/dist-es5-module/index.min.js"></script>
    <asp:PlaceHolder runat="server">

App1.js文件

const search = **instantsearch**({
    appId: 'API KEY',
    apiKey: 'MYapikey', // search only API key, no ADMIN key
    indexName: 'indexname',
    urlSync: true
});

search.addWidget(
    instantsearch.widgets.searchBox({
        container: '#search-input'
    })
);

search.addWidget(
    instantsearch.widgets.hits({
        container: '#hits',
        hitsPerPage: 10,
        templates: {
            item: document.getElementById('hit-template').innerHTML,
            empty: "We didn't find any results for the search <em>\"{{query}}\"</em>"
        }
    })
);

search.start();

如果需要,我可以包含任何其他信息。

提前感谢您的任何建议!

0 个答案:

没有答案