聚合物 3 构建 - 尝试访问 mixin 时浏览器中的捆绑错误

Question

我有一个Polymer 3应用程序，可以正常工作。但是，如果我构建并捆绑它，我在捆绑时会遇到问题。我现在只做 es6。我什至不知道如何解决这个问题。.很卡住。

Polymer.json

"builds": [
{
"name": "es6-bundled",
"browserCapabilities": [
"es2015"
],
"js": {
"minify": false,
"transformModulesToAmd": true
},
"css": {
"minify": false
},
"html": {
"minify": false
},
"bundle": true,
"addServiceWorker": false
}
],

---

浏览器中的错误：

all-items:formatted:211 Uncaught TypeError: (0 , _mainApp.PauseForRipple) is not a function
at user-login.js? [sm]:4

---

捆绑包中的代码：

define(["../main-app.js"], function(_mainApp) {
"use strict";
class UserLogin extends (0,
_mainApp.PauseForRipple)(_mainApp.PolymerElement) {
static get template() {
return _mainApp.html`
<style>
:host {
display: flex;
align-items: center;

---

构建前的原始代码：

import { PauseForRipple } from '../mixins/pause-for-ripple-mixin.js';
class UserLogin extends PauseForRipple(PolymerElement) {
static get template() {
return html`
<style>
:host {
display: flex;
align-items: center;
justify-content: center;

Answer 1

根本原因是我在主应用程序中进行了双重导入导入"./login/user-login.js".js。