如何将 npm 包导入 Polymer 3答案

【问题标题】：How to import an npm package into Polymer 3如何将 npm 包导入 Polymer 3
【发布时间】：2019-04-27 13:44:03
【问题描述】：

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

安装包的说明通常是使用 npm 和 npm install fingerprintjs2 之类的东西

下面我以基本的 Polymer 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'

【问题讨论】：

标签： es6-modules polymer-3.x

【解决方案1】：

非常简单：

import Fingerprint2 from 'fingerprint2'

【讨论】：