Script order in <head> for webcomponentsjs+polymer 1.0


#1

Hello!

I’m having some issues with an application that uses webcomponents.js
The script tag for webcomponents.js should be one of the firsts, but meteor generates it at the bottom:

<html>
  <head>
    <link rel="stylesheet" type="text/css" class="__meteor-css__" href="/a41f8ea37d2e44a50a6037333306d09b2675300b.css">

<script type="text/javascript">__meteor_runtime_config__ = JSON.parse(decodeURIComponent("%7B%22meteorRelease%22%3A%22METEOR%401.1.0.2%22%2C%22ROOT_URL%22%3A%22http%3A%2F%2Flocalhost%3A3000%2F%22%2C%22ROOT_URL_PATH_PREFIX%22%3A%22%22%2C%22appId%22%3A%22ykdcslgnpg4v17irnpe%22%2C%22autoupdateVersion%22%3A%2259e30501b8b7ee58f23aa161b752a4713323ad2c%22%2C%22autoupdateVersionRefreshable%22%3A%22d9544e0ba34408268b55e0cc767b57c669a57ab9%22%2C%22autoupdateVersionCordova%22%3A%22none%22%7D"));</script>

<script type="text/javascript" src="/packages/underscore.js?0a80a8623e1b40b5df5a05582f288ddd586eaa18"></script>
<script type="text/javascript" src="/packages/meteor.js?43b7958c1598803e94014f27f5f622b0bddc0aaf"></script>
<script type="text/javascript" src="/packages/json.js?e22856eae714c681199eabc5c0710b904b125554"></script>
<script type="text/javascript" src="/packages/base64.js?1a63019243b73298e2964e6d4680f25bca657726"></script>
<script type="text/javascript" src="/packages/ejson.js?71047b64b5196348bdbe5fd5eea9ac97a5a9eb14"></script>
<script type="text/javascript" src="/packages/logging.js?07e201b648f16be8435a4f666156995eeda0c750"></script>
<script type="text/javascript" src="/packages/reload.js?da8974b7231dd8c0caccb5f322dcf97329d486d1"></script>
<script type="text/javascript" src="/packages/tracker.js?6d0890939291d9780f7e2607ee3af3e7f98a3d9c"></script>
<script type="text/javascript" src="/packages/random.js?fe7b46080c91ce482acf6fc326afbc5b176f0502"></script>
<script type="text/javascript" src="/packages/retry.js?1f1dd2c35d300110fdaba51ce4473583bc3bf031"></script>
<script type="text/javascript" src="/packages/check.js?ac81167b8513b85b926c167bba423981b0c4cf9c"></script>
<script type="text/javascript" src="/packages/id-map.js?9ea6eaae8d74693ce2505a858d9a5e60cf191298"></script>
<script type="text/javascript" src="/packages/ordered-dict.js?bf8af2f26c8d96bf8b2e6b407d3ed69f23c2cd37"></script>
<script type="text/javascript" src="/packages/geojson-utils.js?81b79d5cf96d00b4b7a28987debcffb665c17526"> </script>
<script type="text/javascript" src="/packages/minimongo.js?af9eb9d7447544ca9b839a3dcf7ed2da2209b56c"></script>
<script type="text/javascript" src="/packages/ddp.js?d1840d3ba04c65ffade261f362e26699b7509706"></script>
<script type="text/javascript" src="/packages/insecure.js?3dc9d4a2dad55999b5b15a447d57f3d5fb66b290"></script>
<script type="text/javascript" src="/packages/mongo.js?3cfe0c5981c197df33036a37574850f057e934a6"></script>
<script type="text/javascript" src="/packages/autoupdate.js?9a5ea03bf057815385bf569c7acc2c285c005491"></script>
<script type="text/javascript" src="/packages/meteor-platform.js?499a2f8522e25820b1153c69a92751ccaae507b3"></script>
<script type="text/javascript" src="/packages/mquandalle_bower.js?6f5e05d255022e01686a1080478129b4d5ce7df2"></script>
<script type="text/javascript" src="/packages/differential_vulcanize.js?967ba0bc0c70e3517a8a1cf488f697bfc220debe"></script>
<script type="text/javascript" src="/packages/d3js_d3.js?3180ae391f1a0188f96f3e2e1fd61fa606e2f3c8"></script>
<script type="text/javascript" src="/packages/webapp.js?e1be090051b82f046484dccc2de7d747e50c7328"></script>
<script type="text/javascript" src="/packages/deps.js?504589e1e9585dec8f9f6094e5a87b22de3783a1"></script>
<script type="text/javascript" src="/packages/reactive-dict.js?1cb61826ceb23464171f17c2191c7e04a9b91508"></script>
<script type="text/javascript" src="/packages/session.js?daf192a7244079d45db32a6fc26ebc3881fc1aa3"></script>
<script type="text/javascript" src="/packages/livedata.js?718526445deb4d9baacb6d92c551adea1d36c1e1"></script>
<script type="text/javascript" src="/packages/jquery.js?dd8bac56f8fd3666d433d2285ae01e52597cc51a"></script>
<script type="text/javascript" src="/packages/htmljs.js?567eb96d5d22631c03d6aca6afa4c42f0d1295f2"></script>
<script type="text/javascript" src="/packages/observe-sequence.js?0532a9dd76dd78f543eb4d79a1e429df186d8bde"></script>
<script type="text/javascript" src="/packages/reactive-var.js?20335b7b37165980ddd9f23943b2e5b00aae1cc2"></script>
<script type="text/javascript" src="/packages/blaze.js?a5c324925e5f6e800a4c618d71caf2848b53bf51"></script>
<script type="text/javascript" src="/packages/ui.js?5a663333fd30f8fd913f110e0ef779e84f67c4b8"></script>
<script type="text/javascript" src="/packages/templating.js?376767bb0d2463b3b2615a1b90e77f6b22d39d7b"></script>
<script type="text/javascript" src="/packages/spacebars.js?7bafbe05ec09b6bbb6a3b276537e4995ab298a2f"></script>
<script type="text/javascript" src="/packages/launch-screen.js?495e58cf2465ba553324c68301cc62076b1fda1e"></script>
<script type="text/javascript" src="/packages/global-imports.js?ddfcd9be6cef3c8bb0263139937a05092e4a3fe9"></script>
<script type="text/javascript" src="/client/template.body.js?cd0c1104428411e48044814df1579fd4a8c2b225"></script>
<script type="text/javascript" src="/client/lib/events.js?2a3453bba5b8f7e5a39caf4f0fb6016f1b588104"></script>
<script type="text/javascript" src="/lib/events.js?67d95c8fa69976a96fdf0564c11ad032d87cf452"></script>
<script type="text/javascript" src="/client/app.js?239eb22352b0ae4e95e45b2e2235822b4fe3498f"></script>
<script type="text/javascript" src="/packages/bower/prism/prism.js?fe697ea40aa847c136b2aa2d8d1e1c95557c4e7a"></script>
<script type="text/javascript" src="/packages/bower/marked/lib/marked.js?dc3923d8cf8fe3a2fa8c559531ed6ffd0f96908f"></script>
<script type="text/javascript" src="/packages/bower/promise-polyfill/Promise.js?2aaa9aa77f08268f24ef5c649e7ffeddb860b1e7"></script>
<script type="text/javascript" src="/packages/bower/hydrolysis/hydrolysis.js?47569507f95d9adb29e12cc1ff639c94b49aa310"></script>
<script type="text/javascript" src="/packages/bower/webcomponentsjs/webcomponents-lite.js?f2cdfde4ee9672c5c8d2e37ab571de45a469718f"></script>


<!-- This is my custom head  -->
<title>PLA</title>
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="apple-mobile-web-app-title" content="PLA">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  <link href="//fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css">
  <link rel="import" href="/components/polymer/polymer.html">
  <link rel="import" href="/components/iron-flex-layout/iron-flex-layout.html">
  <link rel="import" href="/components/iron-icon-button/iron-icon-button.html">
  <link rel="import" href="/components/iron-selector/iron-selector.html">
  <link rel="import" href="/components/iron-collapse/iron-collapse.html">
  <link rel="import" href="/components/iron-list/iron-list.html">
  <link rel="import" href="/components/iron-icons/iron-icons.html">
  <link rel="import" href="/components/iron-icon/iron-icon.html">
  <link rel="import" href="/components/paper-scroll-header-panel/paper-scroll-header-panel.html">
  <link rel="import" href="/components/paper-button/paper-button.html">
  <link rel="import" href="/components/paper-toolbar/paper-toolbar.html">
  <link rel="import" href="/components/paper-slider/paper-slider.html">
  <link rel="import" href="/components/paper-item/paper-item.html">
  <link rel="import" href="/components/paper-spinner/paper-spinner.html">
  <link rel="import" href="/components/meteor-elements/meteor-collection.html">
  <link rel="import" href="/components/meteor-elements/meteor-query.html">
  <link rel="import" href="/components/meteor-elements/meteor-subscribe.html">
  <link rel="import" href="/components/meteor-elements/meteor-status.html">
  
</head>
<body>

</body> 
</html>

So I get webcomponents loading error repeated three times in chromium:
Uncaught TypeError: flags.log.split is not a function(anonymous function) @ webcomponents-lite.js?f2cdfde4ee9672c5c8d2e37ab571de45a469718f:33(anonymous function) @ webcomponents-lite.js?f2cdfde4ee9672c5c8d2e37ab571de45a469718f:55

Thanks in advance,
Juanra


#2

I never had issues when I just downloaded polymer to public folder by bower.
Mby try differential:vulcanize package ?


#3

I’m using quandalle:bower and differential:vulcanize@2.0.0