Vue Cli 3 конфликтует с Аполлоном - PullRequest
Новая
       6

Vue Cli 3 конфликтует с Аполлоном

0 голосов
/ 22 сентября 2018

Я следую учебному пособию и наткнулся на некоторые проблемы.Когда я импортировал Apollo и консоль повышения Apollo наполняется ошибками 

import ApolloClient from "apollo-boost"; //import apollo-boost
import VueApollo from "vue-apollo"; // import vue-apollo

Vue.use(VueApollo); // use apollo

// Setup ApolloClient
const defaultClient = new ApolloClient({
    uri: "http://localhost:4000/graphql"
});

const apolloProvider = new VueApollo({ defaultClient }); // implementing provider

Vue.config.productionTip = false;

new Vue({ // vue constructor
    provide: apolloProvider.provide(), // provide
    router,
    store,
    render: h => h(App)
}).$mount("#app");

Ошибка в консоли "error in ../node_modules/graphql/index.mjs"

Я нашел это решение https://github.com/vuejs/vue-cli/issues/1637, но я понятия не имею, как это реализовать.Они вставляют некоторый код в vue.config.js, но вместо этого у меня есть babel.config.js, они одинаковые?

Ответы [ 2 ]

0 голосов

попробуй 

new Vue({
  router,
  store,
  apolloProvider,
  render: h => h(App)
}).$mount('#app')
0 голосов
/ 22 сентября 2018

Как указано в упомянутой вами ссылке на GitHub, решение заключается в настройке Webpack с помощью vue.config.js, который является необязательным файлом в проекте Vue CLI.Этот файл по умолчанию опущен, поэтому вам придется создать файл, если он не существует.

Из интерфейса командной строки Vue docs :

vue.config.js - это необязательный файл конфигурации, который будет автоматически загружен @vue/cli-service, если он присутствует в корневом каталоге вашего проекта (рядом с package.json).Вы также можете использовать поле vue в package.json, но учтите, что в этом случае вы будете ограничены только JSON-совместимыми значениями.

...