示例项目未在ie11 windows 7中运行

时间:2016-02-04 11:18:13

标签: internet-explorer dart internet-explorer-11 dart-polymer

我正在尝试运行以下示例项目: https://github.com/montyr75/pdcl_first_elements

它在Chrome和Firefox中工作,但在IE 11中无法使用。

在F12开发人员工具控制台中,它出现此错误:

  

文件:index.bootstrap.initialize.dart.js,行:1483,专栏:15

我也在browserstack上检查了IE 11,同样的问题。

我正在使用Eclipse Mars IDE。

所以我尝试了一个像下面这样的新项目:

Pubspec.yaml

name: polymerdartsample
version: 1.0.0
author: tester
description: Sample web application
environment:
  sdk: '>=1.12.0 <2.0.0'
documentation: none
dependencies:
  polymer: 1.0.0-rc.15
  polymer_elements: 1.0.0-rc.8
  web_components: 0.12.2+2
transformers:
- polymer:
    entry_points: web/index.html
index.html中的

<!DOCTYPE html>
<html>
<head>  
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src='packages/web_components/webcomponents-lite.js'></script>  
<link rel="import" href="packages/polymer_elements/roboto.html">
<title>Test Data</title>
</head>
<body unresolved>
<main-app></main-app>     
<script type="application/dart" src="index.dart"></script>
<script src="packages/browser/dart.js"></script>
</body>
</html>
index.dart中的

library polymerdartsample.web.index;
import 'package:polymerdartsample/main_app.dart';
import 'package:polymer/polymer.dart';
import 'dart:html';

main() async {
  await initPolymer();
}
lib / main_app.html中的

<dom-module id="main-app">
    <template>

        <h3>Hello world</h3>


    </template>
</dom-module>
lib / main_app.dart中的

@HtmlImport('main_app.html')

library polymerdartsample.lib.main_app;

import 'package:polymer/polymer.dart';
import 'package:web_components/web_components.dart';

@PolymerRegister('main-app')
class MainApp extends PolymerElement {

  MainApp.created() : super.created();

}

当我运行这个时,我在IE 11中得到了同样的错误。

请帮忙......

1 个答案:

答案 0 :(得分:2)

在index.html中使用webcomponentsjs而不是webcomponents-lite.js,因为IE 11还不支持本地dom,但您还必须知道webcomponents.js比webcomponents-lite.js慢

欢呼声