ie11 windows 7 中的示例项目不是 运行
Sample project not running in ie11 windows 7
我正在尝试 运行 以下示例项目:
https://github.com/montyr75/pdcl_first_elements
它在 Chrome 和 Firefox 中工作,但在 IE 11 中不工作。
在 F12 开发人员工具控制台中出现此错误:
File: index.bootstrap.initialize.dart.js, Line: 1483, Column: 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 中遇到同样的错误。
请帮忙...
在你的 index.html 中使用 webcomponentsjs 而不是 webcomponents-lite.js,因为 IE 11 还不支持本地 dom,但你还必须知道 webcomponents.js 是比 webcomponents-lite.js
慢
干杯
我正在尝试 运行 以下示例项目: https://github.com/montyr75/pdcl_first_elements
它在 Chrome 和 Firefox 中工作,但在 IE 11 中不工作。
在 F12 开发人员工具控制台中出现此错误:
File: index.bootstrap.initialize.dart.js, Line: 1483, Column: 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 中遇到同样的错误。
请帮忙...
在你的 index.html 中使用 webcomponentsjs 而不是 webcomponents-lite.js,因为 IE 11 还不支持本地 dom,但你还必须知道 webcomponents.js 是比 webcomponents-lite.js
慢干杯