using google-map Polymer JS element within a Polymer Dart element causes entire element to fail

[DartBot]

This issue was originally filed by @terrasea

---

What steps will reproduce the problem?

After creating a Polymer Dar project

1. use bower to install polymerlabs/google-map
2. Create a polymer dart element and include the google-map element
3. include this element in the index.html page
4. run build build without any arguments
5. run a server which serves the files from the created build/web directory

What is the expected output? What do you see instead?

I should see the Polymer Dart element created, displayed in the browser, rendering a google map.

What I see is a blank page with no Polymer Element loaded and I get an error

Uncaught TypeError: Cannot read property 'element' of undefined

with the stack trace of

f.findTypeExtensionprototype.js:205
f.findTypeExtensionprototype.js:206
f.registerPrototypeprototype.js:190
f.registerprototype.js:26
JsFunction.apply$2$thisArgindex.html_bootstrap.dart.js:12848
_hookJsPolymer_registerDart.call$3index.html_bootstrap.dart.js:16605
Primitives_applyFunctionindex.html_bootstrap.dart.js:2553
_callDartFunctionindex.html_bootstrap.dart.js:12709
(anonymous function)index.html_bootstrap.dart.js:12698
d._registerpolymer-element.js:64
e.flushqueue.js:100
e.readyqueue.js:105
e.checkqueue.js:80
(anonymous function)queue.js:162
cHTMLImports.js:220
hHTMLImports.js:237
(anonymous function)HTMLImports.js:186
gHTMLImports.js:210
c

What version of the product are you using? On what operating system?

Dart Editor version 1.5.0.dev_04_15 (DEV)
Dart SDK version 1.5.0-dev.4.15

Gentoo Linux

Using Polymer >=0.11.0-dev.2 <0.12.0

Please provide any additional information below.

It seems the pub build removed any reference to google-maps from the produced entry page. I've attached a copy of a test project as a tar archive, that should give some more info.

---

Attachment:
test_polymer.tar.gz (1.17 MB)

[DartBot]

This comment was originally written by @terrasea

---

Sorry got mixed up. The problem of it not working still remains, but it doesn't stip the definition from the outputted file. I'm attaching the real project which actually uses the google-map element. It includes the build output.

---

Attachment:
test_polymer.tar.gz (1.59 MB)

[lrhn]

Added Pkg-Polymer, Triaged labels.

[sigmundch]

Added this to the 1.6 milestone.
Removed Priority-Unassigned label.
Added Priority-High, area-pkg labels.

[sigmundch]

Removed this from the 1.6 milestone.
Added Polymer-P-1 label.

[sigmundch]

Removed Polymer-P-1 label.
Added Polymer-Milestone-Next label.

[sigmundch]

Added PolymerMilestone-Next label.

[sigmundch]

Removed Polymer-Milestone-Next label.

[kasperl]

Added this to the 1.6 milestone.

[sigmundch]

Removed this from the 1.6 milestone.

[jakemac53]

Set owner to @jakemac53.

[jakemac53]

I tried running your example and it worked for me, so I assume this has been fixed. If you can still reproduce it then feel free to re-open this ticket and I can take another look into it.

---

Added AssumedStale label.

[DartBot]

This comment was originally written by [email protected]

---

I encountered the same issue on a different project. Reported on github here https://github.com/Polymer/polymer-dev/issues/65. Attached is a simple workaround.

---

Attachment:
prototype.js.patch (416 Bytes)

[sigmundch]

@vikraman.choudhury - I believe this is the result of a bug in dart2js + dart:js.

Others were running into this too, and I submitted a fix on friday. The fix will be in the next Dart SDK release (1.6.0-dev.7.0).

You can find more details in issue #20280 and issue #20305.

---

Added Duplicate label.
Marked as being merged into #20305.

[DartBot]

This issue has been moved to dart-archive/polymer-dart#215.