Vue cli 3与阿波罗的冲突

Question

我正在学习这个教程，我遇到了一些问题。当我导入阿波罗和阿波罗时，boost控制台就充满了错误。

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，它们是相同的吗？

Answer 1

正如您提到的GitHub链接中所指出的，解决方案是通过vue.config.js配置Webpack，这是Vue CLI项目中的一个可选文件。默认情况下，该文件被省略，因此如果该文件不存在，则必须创建该文件。

来自Vue CLI 文档

vue.config.js是一个可选的配置文件，如果它出现在您的项目根目录(package.json旁边)中，它将由@vue/cli-service自动加载。您也可以在vue中使用package.json字段，但请注意，在这种情况下，您将仅限于与JSON兼容的值。

Answer 2

试一试

new Vue({
  router,
  store,
  apolloProvider,
  render: h => h(App)
}).$mount('#app')