Javascript 第一次使用Algolia和JS新手：为什么我得到；错误：未捕获，未指定“；“错误”；事件（[对象]）是什么；？_Javascript_Search_Algolia

Javascript 第一次使用Algolia和JS新手：为什么我得到；错误：未捕获，未指定“；“错误”；事件（[对象]）是什么；？

javascript search

Javascript 第一次使用Algolia和JS新手：为什么我得到；错误：未捕获，未指定“；“错误”；事件（[对象]）是什么；？,javascript,search,algolia,Javascript,Search,Algolia,我有一个PHP网站，我想使用它。我试着按照所有的指示去做，但似乎我一直得到的都是错误。我正在修改Mozilla Firefox中的代码以下是我所拥有的： Index.html 当我加载页面时，控制台会告诉我：我做错了什么？任何洞察都将不胜感激 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <m

我有一个PHP网站，我想使用它。我试着按照所有的指示去做，但似乎我一直得到的都是错误。我正在修改Mozilla Firefox中的代码

以下是我所拥有的：

Index.html

当我加载页面时，控制台会告诉我：

我做错了什么？任何洞察都将不胜感激

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="theme-color" content="#000000" />

    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css"
    />
    <link rel="stylesheet" href="./src/index.css" />
    <link rel="stylesheet" href="./src/app.css" />

    <title>ais-ecommerce-demo-app</title>
  </head>

  <body>
    <div class="ais-InstantSearch">
      <h1>InstantSearch.js e-commerce demo</h1>

      <div class="left-panel">
        <div id="clear-refinements"></div>

        <h2>Brands</h2>
        <div id="brand-list"></div>
      </div>

      <div class="right-panel">
        <div id="searchbox" class="ais-SearchBox"></div>
        <div id="hits"></div>
        <div id="pagination"></div>
      </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js"></script>
    <script type="module" src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
    <script type="module" src="./src/app.js"></script>
  </body>
</html>

/* global instantsearch algoliasearch */

const search = instantsearch({
  indexName: 'xxx',
  searchClient: algoliasearch('xxx', 'xxx'),
});

search.addWidgets([
  instantsearch.widgets.searchBox({
    container: '#searchbox',
  }),
  instantsearch.widgets.configure({
    disjunctiveFacetsRefinements: {
        lang: ['es-ar']
    }
  }),
  instantsearch.widgets.pagination({
      container: '#pagination'
  }),
  instantsearch.widgets.clearRefinements({
    container: '#clear-refinements',
  }),
  instantsearch.widgets.refinementList({
    container: '#brand-list',
    attribute: 'brand',
  }),
  instantsearch.widgets.hits({
    container: '#hits',
    templates: {
      item: `
        <div>
          <img src="{{image}}" align="left" alt="{{name}}" />
          <div class="hit-name">
            {{#helpers.highlight}}{ "attribute": "name" }{{/helpers.highlight}}
          </div>
          <div class="hit-description">
            {{#helpers.highlight}}{ "attribute": "description" }{{/helpers.highlight}}
          </div>
          <div class="hit-price">\${{price}}</div>
        </div>
      `,
    },
  }),
  instantsearch.widgets.pagination({
    container: '#pagination',
  }),
]);

search.start();

const search = instantsearch({
  indexName: 'Index Name',
  searchClient: algoliasearch('applicationID', 'Search-Only API Key'),
});

Request to access cookie or storage on “https://stats.g.doubleclick.net/j/collect?t=dc&aip=1&_r=3&v=…1&_gid=1427651750.1602413939&_u=QACCAUAAAAAAAC~&z=1041516248” was blocked because it came from a tracker and content blocking is enabled.

Error: Uncaught, unspecified “error” event. ([object Object]) instantsearch.js@4:2:30737

Source map error: Error: request failed with status 404 Resource URL: https://cdn.jsdelivr.net/npm/instantsearch.js@4 Source Map URL: instantsearch.production.min.js.map