如何将npm封装导入聚合物3

Question

我经常在npm上找到希望包含在Polymer3元素中的包。

安装软件包的说明通常是将npm与类似于npm install fingerprintjs2的东西一起使用。

下面我以基本的聚合物3元素为例。但我明白错误

Uncaught TypeError: Cannot read property 'exports' of undefined

我不知道该如何从https://github.com/Valve/fingerprintjs2导入

import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
import './node_modules/fingerprintjs2/dist/fingerprint2.min.js';
class FingerPrint extends PolymerElement {
  static get template() {
    return html`
      <style>
        :host {display: block;}
      </style>
      <h2>Finger Print</h2>
    `;
  }
  ready() {
    super.ready();
    setTimeout(function () {
      Fingerprint2.get(function (components) {
        console.log(components)
      })  
  }, 5000)
  }
} window.customElements.define('finger-print', FingerPrint);

如果我试图用

import Fingerprint2 from './node_modules/fingerprintjs2/dist/fingerprint2.min.js';

然后我得到错误Uncaught SyntaxError: The requested module '../fingerprintjs2/dist/fingerprint2.min.js' does not provide an export named 'default'

我也试过

import {Fingerprint2} from './node_modules/fingerprintjs2/dist/fingerprint2.min.js';

得到Uncaught SyntaxError: The requested module '../fingerprintjs2/dist/fingerprint2.min.js' does not provide an export named 'Fingerprint2'

Answer 1

非常简单：

import Fingerprint2 from 'fingerprint2'