Как импортировать модуль в Polymer 3 Starter Kit - PullRequest
Новая
       21

Как импортировать модуль в Polymer 3 Starter Kit

0 голосов
/ 04 сентября 2018

Я пытаюсь импортировать генератор случайных чисел в Polymer 3 Starter Kit. Я прочитал (https://www.polymer -project.org / 3.0 / docs / es6 ), но все еще пытаюсь заставить тестовый проект работать.

Для инициализации проекта я предпринял следующие шаги

  1. mkdir polymer-3-kit
  2. polymer init (выбранный стартовый комплект)
  3. npm i --save @polymer/paper-button
  4. 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);

Запуск этого кода приводит к следующей ошибке:

Uncaught (в обещании) SyntaxError: Запрошенный модуль '../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 случайным числом при нажатии кнопки?

...