在vue.js中实现SSR时如何解决vue2-google-maps的错误

时间:2019-04-19 19:36:49

标签: vue.js ssr vue2-google-maps

我有一个过去8或9个月内构建的vuejs 2.0应用程序。有很多插件和自定义代码...

我最近才意识到,Vuejs(通常为单个页面)在使用SEO时遇到了困难,并且使机器人爬网并接收了正确的元标记...

经过一些研究,我发现了制作vuejs SSR的建议。我不想使用Nuxt,因为我没有时间将整个应用程序重建为Nuxt Projext。

我遵循了有关向vuejs添加SSR的教程: https://alligator.io/vuejs/basic-ssr/

一切顺利,直到结束。...
我正在尝试运行节点./server.js

与vue2-google-maps插件有关的错误。

    /Projects/easyMgt-vue/node_modules/vue2-google-maps/dist/components/infoWindow.vue:3
<template>
^

SyntaxError: Unexpected token <
    at new Script (vm.js:79:7)
    at createScript (vm.js:251:10)
    at Object.runInThisContext (vm.js:303:10)
    at Module._compile (internal/modules/cjs/loader.js:657:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
Emitted 'error' event at:
    at /Projects/easyMgt-vue/node_modules/vue-server-renderer/build.js:8586:17
    at process._tickCallback (internal/process/next_tick.js:61:11)

我理解该错误,因为Google地图只能在客户端中显示,而不能在服务器中显示,因此会显示错误.....

我的问题在这里...如何使该错误消失。我是否必须添加特殊的代码以说从服务器来时不加载到vue2-gogle-maps中。 e头我会这样做吗?

0 个答案:

没有答案