Javascript Google Maps自动完成InvalidValueError:不是HTMLInputElement的实例

我已经通读了一些关于这个问题的不同S.O.问题，但没有找到任何迹象表明我可能遗漏了什么。我对Ember很陌生，所以可能是我把代码放错地方了。不管怎样，我得到的是：

../components/auto-complete.js

import Ember from 'ember';

export default Ember.Component.extend({
  didRender: function(){
    var defaultBounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(-90, -180),
      new google.maps.LatLng(90, 180)
    );
    var options = {
      bounds: defaultBounds
    }
    var i = Ember.$('input');
    var autocomplete = new google.maps.places.Autocomplete(i, options);
  }
});

../components/auto-complete.hbs

<input id="input-user" class="controls" type="text" placeholder="Location"
          onfocus="autocomplete">

我已经看过了教程、文档等，这里似乎没有太大的错误空间。我也尝试过不使用

onfocus=“autocomplete”

任何和所有建议都将不胜感激。

Ember.$（'input'）

返回DOM元素；但是谷歌的自动完成似乎需要

HTMLInputElement

你可以试试下面的

Ember.$（'input'）[0]

，它应该可以工作