topic Re: Puzzled about loaders in Next.js Project in APIs & Integrations

Puzzled about loaders in Next.js Project

AnxiousBiscuit — Fri, 06 Jan 2023 00:10:19 GMT

Hi!

I'm using Next.js and I'm trying to create a sandbox environment to test out Hubspot API.

When I follow the hubspot client direction, it's throwing me

```Module parse failed: Unexpected token (1:10)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.```

What would be the recommendation for setting up the next.config.js file? Thanks!

Re: Puzzled about loaders in Next.js Project

Syeda_Fatima — Fri, 06 Jan 2023 10:17:50 GMT

Hi @AnxiousBiscuit, You can try configuring the next.config.js file to use a webpack loader for the HubSpot API. For example, if you're using the hubspot-api-js library, you can add the following configuration:

```
module.exports = {
webpack: (config, { isServer }) => {
if (isServer) {
config.externals = [
...config.externals,
function(context, request, callback) {
if (/^hubspot-api-js$/.test(request)) {
return callback(null, 'commonjs hubspot-api-js')
}
callback()
}
]
}
return config
}
}
```

This should allow you to use the HubSpot API in your Next.js project.

Re: Puzzled about loaders in Next.js Project

AnxiousBiscuit — Fri, 06 Jan 2023 23:16:39 GMT

Hi Syeda!

Thank you for the reply!

Unfortunately it is still throwing the error.

I was able to bypass the issue using 'ignore-loader'.

However I am unable to see whether or not it'll give me issues in the future. I'll be continuing for now!