Question

我正在尝试将随机数生成器导入Polymer 3入门工具包。我已阅读（https://www.polymer-project.org/3.0/docs/es6），但仍在努力使测试项目正常工作。

要初始化项目，我采取了以下步骤

mkdir polymer-3-kit
polymer init（选定的入门工具包）
npm i --save @polymer/paper-button
npm i random-number

我想按下一个按钮，并在每次按下按钮时显示一个新的随机数。我的代码如下：

import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';
import '@polymer/paper-button/paper-button.js';
import {generator as rn} from '../node_modules/random-number/index.js'

  class MyView1 extends PolymerElement {
    static get properties() {
      num: Number
    }
    static get template() {
      return html `
        <div class="card">
          <h1>View One</h1>
          <p>${num}</p>
          <paper-button on-tap="updateNumber">Do Something</paper-button>
        </div>
      `;
    }

    updateNumber() {
      let num = rn()
      console.log('A random number has been generated')
    }

}

window.customElements.define('my-view1', MyView1);

运行此代码会产生以下错误：

未捕获（承诺）语法错误：所请求的模块'../node_modules/random-number/index.js'未提供名为“ random”的导出

随机生成器代码如下：

void function(root){
  function random() {
    // code
  }
  function generator() {
    // generator
  }
  function defaults() {
    // defaults
  }
  module.exports.random = random
  module.exports.generator = generator
  module.exports.defaults = defaults
}(this)

如何正确导入此模块并在按下按钮时使用随机数更新DOM？

如何将模块导入Polymer 3入门工具包

0 个答案: