[英]Vue cli 3 conflicts with apollo
我正在学习本教程,但偶然发现了一些问题。 当我导入Apollo时,Apollo 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
,它们是一样的吗?
如您提到的GitHub链接中所示,解决方案是通过vue.config.js
配置vue.config.js
,这是Vue CLI项目中的可选文件。 默认情况下会忽略该文件,因此,如果该文件不存在,则必须创建该文件。
从Vue CLI 文档 :
vue.config.js
是一个可选的配置文件,如果项目根目录中存在package.json
旁边的文件,它将由@vue/cli-service
自动加载。 您还可以使用package.json
的vue
字段,但是请注意,在这种情况下,您将仅限于JSON兼容值。
尝试
new Vue({
router,
store,
apolloProvider,
render: h => h(App)
}).$mount('#app')
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.