我正在尝试将随机数生成器导入Polymer 3 Starter Kit . 我已经阅读了（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);
运行此代码会生成以下错误：
Uncaught（在promise中）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)
How do I correctly import this module and update the DOM with a random number on a button press?