createUploadLink : TypeError: Object(...) is not a function

[capsule5]

Hi,

With this setup:

import { createUploadLink } from "apollo-upload-client"
...

const client = new ApolloClient({
  link: createUploadLink({ uri: "http://localhost:3002/graphql" }),
  cache: new InMemoryCache(),
})

I got an error : TypeError: Object(...) is not a function coming from webpack_require

But with:

import { createHttpLink } from "apollo-link-http"
...

const client = new ApolloClient({
  link: createHttpLink({ uri: "http://localhost:3002/graphql" }),
  cache: new InMemoryCache(),
})

It works

Do I miss something?

[jaydenseric]

Are you using native ESM in node (.mjs)?

[capsule5]

@jaydenseric no just a regular create-react-app setup

[jaydenseric]

Strange. Does it work if you try:

import apolloUploadClient from "apollo-upload-client"

And:

const client = new ApolloClient({
  link: apolloUploadClient.createUploadLink({ uri: "http://localhost:3002/graphql" }),
  cache: new InMemoryCache(),
})

[capsule5]

Neither. I got TypeError: __WEBPACK_IMPORTED_MODULE_6_apollo_upload_client___default.a.createUploadLink is not a function

[jaydenseric]

Oh, if it's create-react-app there is a bug that has been patched to do with webpack being misconfigured to treat .mjs files as assets instead of JS files. I'll dig up a link for you.

[jaydenseric]

See #35 (comment) 🙂

[capsule5]

Thanks a lot

[hamza121star]

Hi, i was reading up this thread and upon following it works. Now, when i push the code to a live link, the error gives : "Error! Network error: Unexpected token < in JSON at position 0" which is occurring due to this the createUploadLink function. This happens when i change "http://localhost:3000/graphql" to the live link of "http://my-website/graphql"