我正在使用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();
如果需要,我可以包含任何其他信息。
提前感谢您的任何建议!