VUE APOLLO查询错误模块构建失败

Question

因此，基本上，我想在VUE 2 CLI中使用Apollo查询进行查询。但这是不起作用的，我不知道有什么问题。也许有人可以帮助我？我已经坚持3个小时，

这是代码

<ApolloQuery
          :query="
            (gql) => gql`
              query MyQuery {
                fasilitas {
                  judul
                  judul_second
                  deskripsi
                  foto
                }
              }
            `
          "
        >
          <template v-slot="{ result: { loading, error, data } }">
            <div v-if="loading" class="loading apollo">Loading...</div>

            <div v-else-if="error" class="error apollo">An error occurred</div>

            <div v-else-if="data" class="result apollo">{{ data.fasilitas }}</div>

            <div v-else class="no-result apollo">No result :(</div>
          </template>
        </ApolloQuery>

，这是错误

ERROR  Failed to compile with 1 error                                                                                           01:44:40

 error  in ./src/views/IndexView.vue?vue&type=template&id=78027b66&

Syntax Error: Error
    at Array.forEach (<anonymous>)
    at Array.forEach (<anonymous>)
    at Array.forEach (<anonymous>)


ERROR in ./src/views/IndexView.vue?vue&type=template&id=78027b66& (./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/IndexView.vue?vue&type=template&id=78027b66&)
Module build failed (from ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js):
Error
    at Node.initialise (D:\PNJ\Kampus Merdeka\Alterra Academy\vue_mini-project_roland-brilianto\node_modules\vue-template-es2015-compiler\buble.js:16016:10)
    at D:\PNJ\Kampus Merdeka\Alterra Academy\vue_mini-project_roland-brilianto\node_modules\vue-template-es2015-compiler\buble.js:7993:51
    at Array.forEach (<anonymous>)
webpack compiled with 1 error

Answer 1

我在同一问题上挣扎。您必须将标签设置添加到vue.config.js。

https://apollo.vuejs.s.s.s.s.s.s.s.s.s.org/guide/guide/components/querponet/query。 html＃tag-stup