vue.js - vue-google-autocomplete & nuxt 2.1.0 - 无法 nuxt 生成它 - 加载页面时出错

Question

加载包含vue-google-autocomplete模块的页面时遇到问题。问题如下图

✖ error /.../node_modules/vue-google-autocomplete/src/VueGoogleAutocomplete.vue:1
  (function (exports, require, module, __filename, __dirname) { <template>
  ^

  SyntaxError: Unexpected token <
  at new Script (vm.js:74:7)
  at createScript (vm.js:246:10)
  at Object.runInThisContext (vm.js:298:10)
  at Module._compile (internal/modules/cjs/loader.js:670:28)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
  at Module.load (internal/modules/cjs/loader.js:612:32)
  at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
  at Function.Module._load (internal/modules/cjs/loader.js:543:3)
  at Module.require (internal/modules/cjs/loader.js:650:17)
  at require (internal/modules/cjs/helpers.js:20:18)
  at r (/Users/dariorusignuolo/Desktop/phpstorm/jukemotion-booking/jukemotion-booking-client/node_modules/nuxt/node_modules/vue-server-renderer/build.js:8341:16)
  at Object.vue-google-autocomplete (server-bundle.js:8677:18)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module../node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./components/form/j-search.vue?vue&type=script&lang=js& (components/form/j-search.vue?cfb9:1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module../components/form/j-search.vue?vue&type=script&lang=js& (components/form/j-search.vue?00ca:1:0)

版本是1.1.0（最新的），nuxt 版本是2.1.0，而节点版本是10.4.1

nuxt generate即使在启动命令时我也面临着确切的问题。

还尝试通过将此模块的负载放置在插件中来全局加载

Vue.component('vue-google-autocomplete', VueGoogleAutocomplete);

没有任何运气。

有什么建议么？

标签： vue.jsvue-componentnuxt.js

Answer 1

你需要转译它。查看 nuxt文档

  build: {
    ...
    transpile: ['vue-google-autocomplete']
  }