我有一个使用Visual Studio ASP.NET Core和Polymer 2作为前端开发的应用程序。该应用程序在上一年运行良好,但现在我需要添加新功能。最新的Polymer文档建议更新到Polymer 3或使用lit-element作为新Web组件的基类。
问题是:lit-element使用JavaScript模块说明符而没有任何路径信息(例如,从“ lit-html”导入{模板结果})。在开发过程中,Polymer开发服务器会将这些说明符更改为正确的路径。但是,ASP.NET Core(Kestrel)的开发服务器将模块导入说明符传递给浏览器,而没有进行任何更改,但是浏览器(在我的测试中为Chrome)告诉我:
未捕获的TypeError:无法解析模块说明符“ lit-html”。相对引用必须以“ /”、“./”或“ ../”开头。
注意:我已经将自己代码中的lit-element的导入说明符更改为实际路径,以使其起作用。但是上面的错误来自于元素本身!
我认为这不是一种解决方案,我需要手动更改所有依赖项中的所有说明符(每次更新都将其覆盖)。另外,我认为这并不是每次我要调试应用程序时都运行Polymer构建的解决方案(Polymer构建可能要花费一分钟!)
所以我的问题是:如何在Visual Studio中使用Polymer Lit-Element进行调试?
我建议您使用捆绑器(如Rollup)和node-resolve插件,和/或使用基于节点的dev服务器(如es-dev-server),并从.NET服务器向其代理JS资源的请求进行开发。汇总具有监视模式,可以执行增量构建以加快开发人员周转时间。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句