Polymer 聚合物3“;未捕获参考错误:未定义聚合物“;
我是polymer新手,在运行“polymer build”后出现以下问题,当我运行“polymer serve build/esm bundled”时,浏览器中出现以下错误: 未捕获参考错误:未定义聚合物 我注意到,如果禁用polymer.json的包,则不会出现错误 有人能帮我吗 我使用的是Polymer-3和Redux,这个项目最初是用Polymer-2构建的,但是我做了转换,在构建之前运行时效果很好 这是polymer.jsonPolymer 聚合物3“;未捕获参考错误:未定义聚合物“;,polymer,polymer-starter-kit,polymer-3.x,Polymer,Polymer Starter Kit,Polymer 3.x,我是polymer新手,在运行“polymer build”后出现以下问题,当我运行“polymer serve build/esm bundled”时,浏览器中出现以下错误: 未捕获参考错误:未定义聚合物 我注意到,如果禁用polymer.json的包,则不会出现错误 有人能帮我吗 我使用的是Polymer-3和Redux,这个项目最初是用Polymer-2构建的,但是我做了转换,在构建之前运行时效果很好 这是polymer.json { "entrypoint": "index.htm
{
"entrypoint": "index.html",
"shell": "src/components/conversion-today-app/conversion-today-app.js",
"sources": [
"src/**/*",
"images/**/*",
"robots.txt",
"sitemap.xml",
"coinzilla-354635a9db1dbd05d0.txt"
],
"extraDependencies": [
"manifest.json",
"node_modules/web-animations-js/**",
"node_modules/@webcomponents/webcomponentsjs/**",
"node_modules/@polymer/polymer/**"
],
"builds": [
{
"name": "esm-bundled",
"browserCapabilities": [
"es2015",
"modules"
],
"js": {
"minify": true
},
"css": {
"minify": true
},
"html": {
"minify": true
},
"bundle": true,
"addServiceWorker": true
}
]
}
错误所在组件的一部分
// Principais // Bibliotecas
import { PolymerElement,html } from '@polymer/polymer/polymer-element.js';
// import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { afterNextRender } from '@polymer/polymer/lib/utils/render-status.js';
import { connect } from 'pwa-helpers/connect-mixin.js';
// pwa helper
import { installOfflineWatcher } from 'pwa-helpers/network.js';
// ---------- Redux ----------
// This element is connected to the redux store.
import { store } from '../../store.js';
// These are the actions needed by this element.
import { addCoin } from '../../actions/converter.js';
import converter from '../../reducers/converter.js';
import { fetchCrypto } from '../../actions/cryptoCoins.js';
import { fetchCurrencyState } from '../../actions/stateCoins.js';
// We are lazy loading its reducer.
import cryptoCoins from '../../reducers/cryptoCoins.js';
import stateCoins from '../../reducers/stateCoins.js';
store.addReducers({
stateCoins, cryptoCoins
});
// Componentes de Terceiros
import '@polymer/paper-fab/paper-fab.js';
import '@polymer/paper-dialog/paper-dialog.js';
import '@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js';
import '@polymer/paper-dropdown-menu/paper-dropdown-menu.js';
import '@polymer/paper-button/paper-button.js';
import '@polymer/iron-demo-helpers/demo-snippet.js';
import '@polymer/iron-demo-helpers/demo-pages-shared-styles.js';
import '@polymer/paper-item/paper-item.js';
import '@polymer/paper-listbox/paper-listbox.js';
import '@polymer/iron-ajax/iron-ajax.js';
import '@polymer/app-storage/app-localstorage/app-localstorage-document.js';
// Components locais
import '../elements/collection-coin-element.js';
class ConversionTodayConverter extends connect(store)(PolymerElement) {
static get template() {
return html`
<style include="demo-pages-shared-styles">
:host {
display: block;
padding: 10px;
}
paper-fab {
--paper-fab-background: #2B4461;
display: inline-block;
/* margin: 8px; */
position: fixed;
right: 25px;
bottom: 30px;
}
</style>
<app-localstorage-document key="conversion-today-coins" data="{{coins}}">
</app-localstorage-document>
//原理//图书馆
从“@polymer/polymer/polymer element.js”导入{polymerement,html};
//从“@polymer/polymer/lib/utils/html tag.js”导入{html};
从“@polymer/polymer/lib/utils/render status.js”导入{afterNextRender};
从“pwa helpers/connect mixin.js”导入{connect};
//pwa助手
从“pwa helpers/network.js”导入{installOfflineWatcher};
//-------雷杜----------
//此元素连接到redux存储。
从'../../store.js'导入{store};
//这些是此元素所需的操作。
从“../../actions/converter.js”导入{addCoin};
从“../../reducers/converter.js”导入转换器;
从“../../actions/cryptoCoins.js”导入{fetchCrypto};
从“../../actions/stateCoins.js”导入{fetchCurrencyState};
//我们正在懒洋洋地装减速机。
从“../../reducers/cryptoCoins.js”导入加密硬币;
从“../../reducers/stateCoins.js”导入stateCoins;
store.addReducers({
国家硬币,加密硬币
});
//特塞罗斯成分酒店
进口“@polymer/paper fab/paper fab.js”;
导入“@polymer/paper dialog/paper dialog.js”;
导入“@polymer/paper dropdown menu/paper dropdown menu light.js”;
导入“@polymer/paper dropdown menu/paper dropdown menu.js”;
导入“@polymer/paper-button/paper-button.js”;
导入“@polymer/iron demo helpers/demo snippet.js”;
导入“@polymer/iron demo helpers/demo pages shared styles.js”;
导入“@polymer/paper item/paper item.js”;
导入“@polymer/paper listbox/paper listbox.js”;
导入“@polymer/iron ajax/iron ajax.js”;
导入“@polymer/app storage/app localstorage/app localstorage document.js”;
//部件位置
导入“../elements/collection coin element.js”;
类ConversionDayConverter扩展连接(存储)(聚合关联){
静态获取模板(){
返回html`
:主持人{
显示:块;
填充:10px;
}
造纸厂{
--造纸厂背景:#2B4461;
显示:内联块;
/*利润率:8px*/
位置:固定;
右:25px;
底部:30px;
}
首先:您应该添加一些元素的代码示例,因为如果没有任何进一步的信息,要解决您的问题并不容易。jokus,感谢您的回复!我没有发送任何代码,因为我不确定错误来自何方,因为它只发生在由“polymer build”构建的版本中,带有“bundle:true”,但是,谢谢你的建议,我将编辑这个问题。你的观察是有效的,但我相信我做了所有这些更改,否则在“聚合物构建”或“捆绑:错误”之前它将不起作用啊,好的。您是否尝试注释掉一些导入以减少出现该异常的可能原因?这样我发现了很多错误。另一种可能性是:如果您使用polymer cli为构建项目提供服务(只需在构建文件夹中运行polymer serve
),然后您可能会在终端中看到整个错误堆栈跟踪,并可能会找到一些有用的信息。另外,请确保安装了最新的polymer cli版本。您还可以查看Github上的PWA初学者工具包,了解polymer团队如何配置其示例项目