Comments (5)
@benjaminhoffman any thoughts on this? Thanks!
from gatsby-plugin-mailchimp.
wow this is super weird @tyhopp ... apologies for the delay, was out of town for the holidays.
is your project os? can i take a look? i haven't seen this error before and not even sure where / how to start solving it.
from gatsby-plugin-mailchimp.
Hi @benjaminhoffman, thanks for your reply - no worries!
Wish it was os and I could share, but unfortunately it's a client project under NDA. I can share some code snippets though, maybe helpful?
// mailchimp.js, in the components dir
import React from 'react'
import addToMailchimp from 'gatsby-plugin-mailchimp'
class MailChimp extends React.Component {
constructor(props) {
super(props)
this.state = {
email: ``,
}
}
// Update state each time user edits their email address
_handleEmailChange = e => {
this.setState({ email: e.target.value })
console.log(this.state.email)
}
_handleSubmit = e => {
e.preventDefault
addToMailchimp(email, listFields)
.then(data => {
// I recommend setting data to React state
// but you can do whatever you want
console.log(data)
})
.catch(() => {
// unnecessary because Mailchimp only ever
// returns a 200 status code
// see below for how to handle errors
})
}
render() {
return (
<form onSubmit={::this._handleSubmit(email, { listFields })}>
<input
type="email"
name="email"
placeholder="[email protected]"
onChange={::this._handleEmailChange}
/>
</form>
)
}
}
export default MailChimp
// gatsby-config.js
require('dotenv').config()
module.exports = {
siteMetadata: {
title: 'XXXXX',
},
plugins: [
`gatsby-plugin-react-helmet`,
`gatsby-plugin-styled-components`,
`gatsby-transformer-sharp`,
`gatsby-plugin-sharp`,
`gatsby-transformer-remark`,
{
resolve: 'gatsby-plugin-mailchimp',
options: {
endpoint:
'https://tech.us10.list-manage.com/subscribe/post?u=XXXXXXX',
},
},
{
resolve: `gatsby-source-filesystem`,
options: {
name: `img`,
path: `${__dirname}/src/assets/img/`,
},
},
{
resolve: `gatsby-source-contentful`,
options: {
spaceId: process.env.CONTENTFUL_SPACE,
accessToken: process.env.CONTENTFUL_TOKEN,
host: process.env.CONTENTFUL_HOST || `cdn.contentful.com`,
},
},
],
}
Please let me know if anything else would be helpful - looking forward to working this out!
Thanks again 🎉
from gatsby-plugin-mailchimp.
Ran out of time to try and debug this, closed.
from gatsby-plugin-mailchimp.
Add this to your gatsby-node.js file
exports.onCreateWebpackConfig = ({ actions }) => {
actions.setWebpackConfig({
node : {
fs : "empty"
}
})
};
from gatsby-plugin-mailchimp.
Related Issues (20)
- How to set a tag when calling addToMailchimp
- error Multiple "root" queries found in examples/gatsby-v1/src/layouts/index.js HOT 1
- Use timeout based on plugin options HOT 3
- How can I display success message? HOT 2
- v1 branch missing HOT 4
- List is GONE HOT 4
- How to secure the Mailchimp's POST URL? HOT 2
- Cant install latest version HOT 2
- gatsby build gives error || "Mailchimp endpoint required and must be of type string. " HOT 10
- Address parameters are capitalized in request to mailchimp HOT 2
- Is there a way to change the return promise message? HOT 2
- GDPR Fields HOT 3
- failure to add to list with no error HOT 1
- Build failed HOT 1
- Please enter a value HOT 1
- How to add predefined tags from Mailchimp HOT 1
- Email Not Triggered HOT 1
- Can this be used with Mailchimp's Contact Form / Inbox? HOT 4
- can't locate the addToMailChimp function on import HOT 1
- No error message being received on duplicate signup
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-plugin-mailchimp.