聚合物3 cli聚合物服务--compile =从不正常工作

编程问答 2022-06-13

问题描述

我正在将聚合物应用程序从版本2升级到版本3，在开发过程中，我想测试进度，因此我使用聚合物服务器，因此不必每次都构建。问题是由于某种原因，聚合物服务器更改了我的入口点index.html。

我使用命令polymer serve --npm -H 0.0.0.0 -p 80 --compile=never调用服务器 但是在浏览器中看到的index.html文件中，所有<script type="module">标签都变成了<script>define([...，并且在标签之前还添加了一个讨厌的缩小函数。 我不想要那样，至少出于我的开发目的，我使用了最新的chrome或firefox，它们在ES6上没有问题。最令人困惑的是，我将平台的另一部分从聚合物2升级到了3，并且聚合物服务器没有更改那里的index.html。

我的index.html的最新最简单的版本是：

<!doctype html>


<head>
    <Meta charset="utf-8">
    <base href = "/" tal:attributes="href string:/ui/${build_path}">
    </base>
    <script>
        var BUILD_PATH='';
    </script>
    <script type="module">
        import "./src/mist-app.js" // This is how I wrote it and want it
    </script>
</head>

<body>
    <mist-app>
    </mist-app>
    <!-- <script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script> -->
    <script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
    <script>
    if (CONfig) {
        document.querySelector('mist-app').config = CONfig;
    }
    </script>
</body>

</html>

在任何浏览器中，其呈现为：

<!DOCTYPE html><html><head>
    <Meta charset="utf-8">
    <base href="/ui/">
    
    <script>var BUILD_PATH = '';</script>
    <script>"use strict";(function(){function a(a,b,c){var d=a;if(d.state=b,d.stateData=c,0<d.onNextStateChange.length){var e=d.onNextStateChange.slice();d.onNextStateChange.length=0;for(var f,g=0,h=e;g<h.length;g++)f=h[g],f()}return d}function b(b){function d(){try{document.head.removeChild(f)}catch(a){}}var e=a(b,"Loading",void 0),f=document.createElement("script");return f.src=b.url,null!==b.crossorigin&&f.setAttribute("crossorigin",b.crossorigin),f.onload=function(){var a,f;void 0===r?(b=[],f=void 0):(a=r(),b=a[0],f=a[1]),c(e,f),d()},f.onerror=function(){g(b,new TypeError("Failed to fetch "+b.url)),document.head.appendChild(f),e}function c(b,c,e){var f=d(b,c),g=f[0],h=f[1];return a(b,"WaitingForTurn",{args:g,deps:h,moduleBody:e})}function d(a,c){for(var e,f=[],g=[],i=0,j=c;i<j.length;i++){if(e=j[i],"exports"===e){f.push(a.exports);continue}if("require"===e){f.push(function(b,e){var f=d(a,b),i=f[1];h(i,function(){c&&c.apply(null,g)},e)});continue}if("Meta"===e){f.push({url:!0===a.isTopLevel?a.url.substring(0,a.url.lastIndexOf("#")):a.url});continue}var l=k(n(a.urlBase,e),a.crossorigin);f.push(l.exports),g.push(l),"Initialized"===l.state&&b(l)}return[f,g]}function e(b){var c=a(b,"WaitingOnDeps",b.stateData);return h(b.stateData.deps,function(){return f(c)},function(a){return g(c,a)}),c}function f(b){var c=b.stateData;if(null!=c.moduleBody)try{c.moduleBody.apply(null,c.args)}catch(a){return g(b,a)}return a(b,"Executed",void 0)}function g(b,c){return!0===b.isTopLevel&&setTimeout(function(){throw c}),a(b,"Failed",c)}function h(a,c){var d=a.shift();return void 0===d?void(b&&b()):"WaitingOnDeps"===d.state?(!1,void h(a,c)):void i(d,function(){h(a,c)},c)}function i(a,c){switch(a.state){case"WaitingForTurn":return e(a),void i(a,c);case"Failed":return void(c&&c(a.stateData));case"Executed":return void b();case"Loading":case"WaitingOnDeps":return void a.onNextStateChange.push(function(){return i(a,c)});case"Initialized":throw new Error("All dependencies should be loading already before pressureDependencyToExecute is called.");default:throw new Error("Impossible module state: "+a.state);}}function j(a,b){switch(a.state){case"Executed":case"Failed":return void b();default:a.onNextStateChange.push(function(){return j(a,b)});}}function k(a,b){void 0===b&&(b="anonymous");var c=q[a];return void 0===c&&(c=q[a]={url:a,urlBase:m(a),exports:Object.create(null),state:"Initialized",stateData:void 0,isTopLevel:!1,crossorigin:b,onNextStateChange:[]}),c}function l(a){return v.href=a,v.href}function m(a){return a=a.split("?")[0],a=a.split("#")[0],a.substring(0,a.lastIndexOf("/")+1)}function n(a,b){return-1===b.indexOf("://")?l("/"===b[0]?b:a+b):b}function o(){return document.baseURI||(document.querySelector("base")||window.location).href}function p(){var b=document.currentScript;if(!b)return u;if(window.HTMLImports){var c=window.HTMLImports.importForElement(b);return c?c.href:u}var d=b.ownerDocument.createElement("a");return d.href="",d.href}if(!window.define){var q=Object.create(null),r=void 0,s=0,t=void 0,u=o();window.define=function(a,b){var d=!1;r=function(){return d=!0,[a,b]};var f=p(),g=document.currentScript&&document.currentScript.getAttribute("crossorigin")||"anonymous";setTimeout(function(){if(!1==d){r=void 0;var h=f+"#"+s++,i=k(h,g);i.isTopLevel=!0;var l=c(i,a,b);void 0===t?e(l):j(k(t),function(){e(l)}),t=h}},0)},window.define._reset=function(){for(var a in q)delete q[a];r=void 0,u=o()};var v=document.createElement("a")}})();</script>
<script>define(["./src/mist-app.js"],function (_mistApp) {
  "use strict"; // This is what I get!!!!
});</script> 
</head>

<body>
    <mist-app>
    </mist-app>
    <!-- <script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script> -->
    
    <script>if (!window.customElements) { document.write('<!--'); }</script>
    <script type="text/javascript" src="node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
    
<script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
    <script>if (CONfig) {
  document.querySelector('mist-app').config = CONfig;
}</script>



</body></html>

有人知道是否有可能迫使聚合物保持index.html不变？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptpolymerpolymer-3.xpolymer-serve