javascript - 无法在vue js组件中导入js-search

Question

我正在尝试在 vue 组件中导入 js-search npm 模块。但每当我这样做时:

从“js-search”导入 JsSearch

上面记录时 console.log(JsSearch) 给出未定义。

我进一步调查了 npm module

其 package.json 显示 "main": "dist/commonjs/index.js"该文件如下所示:

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _index = require('./IndexStrategy/index');

Object.defineProperty(exports, 'AllSubstringsIndexStrategy', {
  enumerable: true,
  get: function get() {
    return _index.AllSubstringsIndexStrategy;
  }
});
Object.defineProperty(exports, 'ExactWordIndexStrategy', {
  enumerable: true,
  get: function get() {
    return _index.ExactWordIndexStrategy;
  }
});
Object.defineProperty(exports, 'PrefixIndexStrategy', {
  enumerable: true,
  get: function get() {
    return _index.PrefixIndexStrategy;
  }
});

var _index2 = require('./Sanitizer/index');

Object.defineProperty(exports, 'CaseSensitiveSanitizer', {
  enumerable: true,
  get: function get() {
    return _index2.CaseSensitiveSanitizer;
  }
});
Object.defineProperty(exports, 'LowerCaseSanitizer', {
  enumerable: true,
  get: function get() {
    return _index2.LowerCaseSanitizer;
  }
});

var _index3 = require('./SearchIndex/index');

Object.defineProperty(exports, 'TfIdfSearchIndex', {
  enumerable: true,
  get: function get() {
    return _index3.TfIdfSearchIndex;
  }
});
Object.defineProperty(exports, 'UnorderedSearchIndex', {
  enumerable: true,
  get: function get() {
    return _index3.UnorderedSearchIndex;
  }
});

var _index4 = require('./Tokenizer/index');

Object.defineProperty(exports, 'SimpleTokenizer', {
  enumerable: true,
  get: function get() {
    return _index4.SimpleTokenizer;
  }
});
Object.defineProperty(exports, 'StemmingTokenizer', {
  enumerable: true,
  get: function get() {
    return _index4.StemmingTokenizer;
  }
});
Object.defineProperty(exports, 'StopWordsTokenizer', {
  enumerable: true,
  get: function get() {
    return _index4.StopWordsTokenizer;
  }
});

var _Search = require('./Search');

Object.defineProperty(exports, 'Search', {
  enumerable: true,
  get: function get() {
    return _Search.Search;
  }
});

var _StopWordsMap = require('./StopWordsMap');

Object.defineProperty(exports, 'StopWordsMap', {
  enumerable: true,
  get: function get() {
    return _StopWordsMap.StopWordsMap;
  }
});

var _TokenHighlighter = require('./TokenHighlighter');

Object.defineProperty(exports, 'TokenHighlighter', {
  enumerable: true,
  get: function get() {
    return _TokenHighlighter.TokenHighlighter;
  }
});
//# sourceMappingURL=index.js.map

在该文件中，我看到没有 module.exports，但有各种 Object.defineProperty 和一些以 _ 开头的变量 >

据我所知，JavaScript 中的下划线只是约定。因此，我假设如果导入下划线变量，它们至少应该在 JsSearch 变量中可用，因此它不应该是未定义的(不是吗？)

那么基本上这个 npm 模块如何与 require 一起工作以及我应该做什么才能使其与 import 一起工作？

(我在其 github 存储库上发现了这个问题:https://github.com/bvaughn/js-search/issues/33 也许这有帮助)

Answer 1

这里https://github.com/bvaughn/js-search您可以找到此包的使用示例

您需要这样导入

import * as JsSearch from 'js-search';

因为在index.js的源代码中你可以看到没有名为JsSearch的导出。所以你不能用这种方式导入它。