this.querySelector is undefined

[Adam St. John]

Using vue 2.6.10 and webpack.

TypeError: this.querySelector is not a function
    at Comment.__webpack_exports__.default (selector.js:6)
    at Selection.eval [as select] (select.js:12)
    at VueComponent.renderGauge (index.js:1)
    at VueComponent.mounted (index.js:1)
    at invokeWithErrorHandling (vue.runtime.esm.js:1853)
    at callHook (vue.runtime.esm.js:4207)
    at Object.insert (vue.runtime.esm.js:3136)
    at invokeInsertHook (vue.runtime.esm.js:6330)
    at VueComponent.patch [as __patch__] (vue.runtime.esm.js:6549)
    at VueComponent.Vue._update (vue.runtime.esm.js:3936)

at Comment.webpack_exports.default (selector.js:6)

__webpack_require__.r(__webpack_exports__);
function none() {}

/* harmony default export */ __webpack_exports__["default"] = (function(selector) {
  return selector == null ? none : function() {
    return this.querySelector(selector);
  };
});

Any help is greatly appreciated.

[Z]

I'm getting the same error!

[Luca Marchesini]

Same error here, vue 2.5.22

[Arun Kumar]

@xbill82 @negaodanado @astjohn

Please refer this comment if you run into vue cli you are using the runtime only build of vue where the template compiler is not available message when running from your local setup bootstrapped with vue-cli. Basically create a vue.config.js

// vue.config.js
module.exports = {
  runtimeCompiler: true
}

[Arun Kumar]

I'm closing this issue. Please reopen if you still face this issue with a reproducible sandbox if possible.