【问题标题】:Azure + Polymer 2 Application: working on Chrome but not on IEAzure + Polymer 2 应用程序:在 Chrome 上工作但不在 IE 上
【发布时间】:2017-07-19 23:01:32
【问题描述】:

这里不知道要粘贴哪些部分的代码,但是我的情况如下:

  • Polymer 2 应用程序,由 Starter Kit 创建(肯定是混合的,适用于我使用的所有“基本”Web 组件)
  • Azure 订阅上的现有应用服务
  • ES5 捆绑版本(预设之一)的 Polymer 构建,以避免与无法识别 ES6 语法的 IE 发生冲突
  • 将生成的版本通过 FTP 传输到 Azure 中应用服务的 wwwroot 目录

在 Chrome 和 FireFox 中开箱即用,不能在 IE 中工作(空白页,无错误)。 我在 DOM Explorer 中看到的是未加载 app 元素:它显示为 <my-app></my-app>

我还尝试在 Cloud Shell 控制台上全局安装 polymer-cli,重新启动应用服务,但没有成功。

在 index.html 文件中,相关部分是通常的包含:

<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="/src/my-app.html">

然后我也尝试引入:

<link rel="import" href="/bower_components/polymer/polymer-element.html">

但又一次,没有运气。

如果问题仅出现在一个浏览器上,那真是一场噩梦! :-(

最后一件事:如果我在本地主目录和本地 es5-bundled 目录上都运行 polymer serve,每个人都在 IE 上工作......所以问题似乎只有在我尝试运行应用程序时才会出现在应用服务上!

更新

应 Aaron Chen 的要求(感谢您的关注,Aaron!:-))我补充说,很长一段时间后我收到了很多错误(我重复一遍,仅在 IE 中): 我现在在想的是,以任何方式配置 AppService 都不应该是问题:默认情况下,我说的是 HTML、CSS 和 JS 文件的“一堆”,应该开箱即用在任何服务器中(确实,它们完美地在我的本地 Node.js 服务器上,部分地在 Chrome 和 FireFox 正在工作的 AppService 上......)

更新 2

我想到了另一个问题:如果我可以使用简单的polymer serve(我的意思是,在源代码主目录),并且在本地这适用于所有浏览器,包括 Internet Explorer?原始源代码是用ES6编写的!

更新 3

我看到的第一个错误来自内部 Polymer 文件:/bower_components/polymer/lib/utils/case-map.html,我很确定它与本地提供的文件完全相同......所以它是更令人费解...

更新 4

我刚刚做了最后一个测试:我从主目录部署了原始源代码,所以没有任何编译。最终结果是一样的:在 Chrome 和 FireFox 中工作,而不是在 IE 中工作,同样的错误。看起来编译阶段对 IE 行为没有任何影响(即使它仍然在本地工作,在 IE 中,无论是源版本还是编译版本)。

更新(最终,我希望)

经过大量调查,我将问题缩小到这个可能的错误,让我们看看其他人怎么说...
https://github.com/Polymer/polymer-cli/issues/827

【问题讨论】:

    标签: azure internet-explorer polymer azure-web-app-service polymer-2.x


    【解决方案1】:

    Polymer 2.x 及其原生元素是使用 ES6 编写的。您应该仅将编译后的 ES5 提供给不支持 ES6 的旧浏览器。

    在这种情况下,你可以使用以下命令将所有代码编译为 ES5。

    polymer build --js-compile
    

    更多信息请参考Build for production

    【讨论】:

    • 是的,如果你去那个页面,你会看到 es5 捆绑的预设包含这个设置...
    • 你能在 IE (F12) 中查看 Console 看看上面写的是什么吗?
    • 你用的是哪个版本的IE?
    • IE 11.483.15063.0 更新版本:11.0.44
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-26
    • 2021-08-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多