API call error: Cannot set properties of undefined (setting 'setConfig')

NicoleJaneway · April 13, 2022, 12:39pm

Hi everyone,

My first time working with setting up my own backend API service, so please be nice

I have the backend lambdas in a functions/ folder. One of them (mailchimp.js) is set up like this:

require("dotenv").config();

const mc = require("@mailchimp/mailchimp_marketing");

const apiKey = process.env.MAILCHIMP_API_KEY;

mc.setConfig({
  apiKey: apiKey,
  server: "us8",
});

At one point, I was able to make calls to this endpoint, but now for whatever reason, I’m getting the following error:

Request from ::1: PUT /.netlify/functions/mailchimp
{“level”:“error”,“message”:“End - Error:”}
{“errorMessage”:“Cannot set properties of undefined (setting ‘setConfig’)”,“errorType”:“TypeError”,“level”:“error”,“stackTrace”:[“node_modules/@mailchimp/mailchimp_marketing/src/ApiClient.js (/Users/nicolejaneway/ReactProjects/data-strategy-pros/node_modules/@mailchimp/mailchimp_marketing/src/ApiClient.js:36:13)”,“__require (/Users/nicolejaneway/ReactProjects/data-strategy-pros/.netlify/functions-serve/mailchimp/src/functions/mailchimp.js:2:44)”,“node_modules/@mailchimp/mailchimp_marketing/src/index.js (/Users/nicolejaneway/ReactProjects/data-strategy-pros/node_modules/@mailchimp/mailchimp_marketing/src/ApiClient.js:570:49)”,“__require (/Users/nicolejaneway/ReactProjects/data-strategy-pros/.netlify/functions-serve/mailchimp/src/functions/mailchimp.js:2:44)”,“Object. (/Users/nicolejaneway/ReactProjects/data-strategy-pros/.netlify/functions-serve/mailchimp/src/functions/mailchimp.js:20846:10)”,“Module._compile (node:internal/modules/cjs/loader:1103:14)”,“Object.Module._extensions…js (node:internal/modules/cjs/loader:1157:10)”,“Module.load (node:internal/modules/cjs/loader:981:32)”,“Function.Module._load (node:internal/modules/cjs/loader:822:12)”,“Module.require (node:internal/modules/cjs/loader:1005:19)”]}

Here’s my netlify.toml

# The following redirect is intended for use with most SPAs that handle
# routing internally.
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

[[headers]]
# Define which paths this specific [[headers]] block will cover.
for = "/*"
  [headers.values]
  Access-Control-Allow-Origin = "*"
  
[build]
  functions = "functions/" # netlify dev uses this directory to scaffold and serve your functions

[dev]
  command = "npm run start"
  port = 8888
  targetPort = 3000
  publish = "dist" 
  autoLaunch = true
  framework = "create-react-app"

[functions]
  directory = "functions"
  included_files = ["./src/data/payments.json"]

Can somebody help me understand what this error is saying and why it’s happening?

Thanks very much.

NicoleJaneway · April 13, 2022, 1:31pm

fwiw, here’s what my file structure looks like:
.netlify

functions-serve
mailchimp
- src
  - functions
    - mailchimp.js
    - mailchimp.js.map
  - mailchimp.js
  - package.json

functions

mailchimp.js

^does this look right?

coelmay · April 13, 2022, 10:12pm

At first glance @NicoleJaneway, no it does not.

The .netlify directory is created by Netlify CLI when building/serving functions.

If the project you are working on has a package.json, then any dependencies required for functions will go into it too. If the project does not have a package.json, you would add it to the directory where the function code resides (before building).

In the first instance, dependencies are installed as part of the build and they are used when building the functions.

In the second instance they aren’t, so you would need a build command like

cd functions && npm i && cd ..

which instructs Netlify build to move into the functions, install dependencies, then move back out before starting the build. Functions are built after any site building.

If you have a repository you can share, this could help ensure everything is hunky dory.

NicoleJaneway · April 15, 2022, 9:37am

Repo: GitHub - NicoleJaneway/netlify-build

The calls to mailchimp iin APItest.js file are both failing. It’s like the netlify function doesn’t have access to the required package (@mailchimp/mailchimp_marketing).

What do you think?

coelmay · April 15, 2022, 11:07am

If the build is running as a production build devDependencies aren’t loaded. As @mailchimp/mailchimp_marketing is a under devDependencies and not dependencies this could explain why the package is missing.

NicoleJaneway · April 15, 2022, 12:28pm

Okay, @coelmay, thanks for this input. I’ve moved the mailchimp package to dependencies in package.json, deleted package-lock.json and node-modules/, and npm installed.

Running netlify dev, and I get the same error:

“TypeError: Cannot set properties of undefined (setting ‘setConfig’)”

coelmay · April 15, 2022, 12:44pm

Something, such as an environment variable, is undefined it seems. Have you tried adding in a few console.log() to check the values in the function?

NicoleJaneway · April 15, 2022, 3:13pm

This is not the case - there are no undefined environment variables. Other suggestions?

coelmay · April 15, 2022, 9:49pm

Without the ability to replicate the error myself, I believe I’m out of suggestions.

hrishikesh · April 17, 2022, 3:52pm

Hey @NicoleJaneway,

The error appears to go away if you remove type: module from your package.json.

luismt · April 18, 2022, 5:26pm

The development environment is wrongly set. I have tried to replicate your code locally without success.
I cloned your repo and ran netlify dev and tried to do some debugging. What node version are you using?

Netlify dev functions are not served in the standard 8888 port with path /functions, they are served from a random port, they are just served as localhost:(randomport)/mailchimp. This should be fixed, adhere to default Netlify settings standards, is best.

I was able to get back the same error, this is the line throwing the error:

const mc = require("@mailchimp/mailchimp_marketing");

That line is throwing the errror. Have you tried using this module ("@mailchimp/mailchimp_marketing") with Express.js or similar?

I am not a React expert, however I have dealt with netlify functions in the past and have learned to implement them.

hrishikesh · April 18, 2022, 5:31pm

Actually, they’re served on localhost:8888.

It’s not that line. It’s the line inside that library that’s throwing the error:

github.com

mailchimp/mailchimp-marketing-node/blob/e82e829bc26d520819d047fdec6969aad3a7a4d9/src/ApiClient.js#L148


      
            this.searchMembers = new SearchMembers(this);
            this.templateFolders = new TemplateFolders(this);
            this.templates = new Templates(this);
            this.verifiedDomains = new VerifiedDomains(this);
          };
          
          /**
           * Sets the API configuration settings object.
           * @param config {Object} The configuration object
           */
          exports.prototype.setConfig = function(config = {}) {
            var _this = this;
            this.config = config;
          };
          
          /**
           * Returns a string representation for an actual parameter.
           * @param param The actual parameter.
           * @returns {String} The string representation of <code>param</code>.
           */
          exports.prototype.paramToString = function(param) {

That’s where exports.prototype returns undefined if package.json has the "type": "module" specified.

NicoleJaneway · April 18, 2022, 5:39pm

The error appears to go away if you remove type: module from your package.json .

Resolved - thank you so much @hrishikesh!! I was really stumped on this, and you cracked it

luismt · April 18, 2022, 7:42pm

Hi thanks for the reply, I cant access the function on port 8888. I noticed this has been resolved, thanks anywaYS

cigzigwon · April 19, 2022, 9:43pm

@NicoleJaneway you should always change this when using CommonJS modules and “require”. Otherwise you need to use the default of “module” which is ESM (ES6) based "import ".

NicoleJaneway · April 24, 2022, 2:38am

Okay, works in development, but now not working in production. Thoughts from the brain trust? @hrishikesh?

{"errorType":"Runtime.ImportModuleError","errorMessage":"Error: Cannot find module

Seeing this error with every module. Yes, they’re all in my package.json. Yes, package.json is at the root.

NicoleJaneway · April 24, 2022, 11:10am

Update: I had to add the packages as external_node_modules within [functions] section of netlify.toml to get this to work. I’m still having problems, but I’ll start a new thread.

hrishikesh · April 24, 2022, 1:42pm

I’d have assumed for it to work even in production. Happy to follow-along your next thread. I can see that it’s here: API call fails - inconsistent error. I’ll get to it in order of other threads.

ollypolly · December 27, 2022, 11:01pm

This works perfectly, example in the netlify docs here - File-based configuration | Netlify Docs

SamO · December 28, 2022, 2:23pm

Hi @ollypolly , thanks for letting us know!

Topic		Replies	Views
Netlify Dev not seeing my environment variables all of a sudden Support netlify-dev-open-beta , environment-vars	21	3514	July 29, 2023
Netlify functions work on development server but not production Support deployment , lambda-functions	1	491	January 24, 2024
Problem building lambda function Support lambda-functions	21	1984	November 8, 2022
Simple HTML/JS project, having difficulty with accessing API key as set on the Netlify UI Support deployment , lambda-functions , netlify-newbie , environment-vars	5	958	December 20, 2022
Netlify-lambda functions work in development but return 500 errors in deploy Support lambda-functions	12	1453	June 22, 2021

API call error: Cannot set properties of undefined (setting 'setConfig')

Related topics