I suppose develop
is a Gatsby command, I don’t know much about it.
Moreover, are you using tailwind? it might depend on its configuration.
![](https://avatars.slack-edge.com/2022-01-11/2938203762850_8a09de27b9f55a9fca64_72.png)
writen by Luca Restagno (ikoichi on Twitter)
I am using tailwind Luca Restagno (ikoichi on Twitter). I have also tried with
npm run start
Could it be related with tailwind?
![](https://avatars.slack-edge.com/2021-07-28/2322213143667_f9ad35c2dec28da258a5_72.jpg)
writen by Tiago Ferreira
here
'name': 'indielottery',
'version': '1.0.0',
'private': true,
'description': 'indielottery',
'author': 'Tiago',
'keywords': [
'gatsby'
],
'scripts': {
'develop': 'gatsby develop',
'start': 'gatsby develop',
'build': 'gatsby build',
'serve': 'gatsby serve',
'clean': 'gatsby clean',
'typecheck': 'tsc --noEmit'
},
'dependencies': {
'@fontsource/montserrat': '^4.5.13',
'gatsby': '^4.23.1',
'gatsby-plugin-image': '^2.23.1',
'gatsby-plugin-sass': '^5.23.1',
'gatsby-plugin-sharp': '^4.23.1',
'gatsby-plugin-sitemap': '^5.23.1',
'gatsby-source-filesystem': '^4.23.0',
'gatsby-transformer-sharp': '^4.23.1',
'react': '^18.1.0',
'react-dom': '^18.1.0',
'sass': '^1.55.0'
},
'devDependencies': {
'@types/node': '^17.0.45',
'@types/react': '^18.0.20',
'@types/react-dom': '^18.0.6',
'autoprefixer': '^10.4.12',
'gatsby-plugin-postcss': '^5.23.0',
'postcss': '^8.4.16',
'tailwindcss': '^3.1.8',
'typescript': '^4.8.3'
}
}```
![](https://avatars.slack-edge.com/2021-07-28/2322213143667_f9ad35c2dec28da258a5_72.jpg)
writen by Tiago Ferreira
Did you configured it as here? <https//tailwindcss.com/docs/guides/gatsby>
![](https://avatars.slack-edge.com/2022-08-05/3888789852103_dbbe85d53690c6e977e5_72.png)
writen by Dobroslav Radosavljevič
Btw. Gatsby is Pretty much everyone switching to smth else. Next.js is better choice.
![](https://avatars.slack-edge.com/2022-08-05/3888789852103_dbbe85d53690c6e977e5_72.png)
writen by Dobroslav Radosavljevič
It is somehow, but other frameworks offer more and better features + support
![](https://avatars.slack-edge.com/2022-08-05/3888789852103_dbbe85d53690c6e977e5_72.png)
writen by Dobroslav Radosavljevič
yup, I did follow that exact tutorial. And the weird thing is that it was working fine…
![](https://avatars.slack-edge.com/2021-07-28/2322213143667_f9ad35c2dec28da258a5_72.jpg)
writen by Tiago Ferreira
Next.js is backed by Vercel. That’s good motivation to switch. I’ve built many websites with it and it’s really good experience
![](https://avatars.slack-edge.com/2022-08-05/3888789852103_dbbe85d53690c6e977e5_72.png)
writen by Dobroslav Radosavljevič
That postcss plugin should watch changes for your, if configured correctly (added to gatsby config)
![](https://avatars.slack-edge.com/2022-08-05/3888789852103_dbbe85d53690c6e977e5_72.png)
writen by Dobroslav Radosavljevič
here is my gatsby config
const config: GatsbyConfig = {
siteMetadata: {
title: `indielottery`,
siteUrl: `<https://www.yourdomain.tld>`
},
graphqlTypegen: true,
plugins: ['gatsby-plugin-image', 'gatsby-plugin-sitemap', 'gatsby-plugin-sharp', 'gatsby-transformer-sharp', 'gatsby-plugin-postcss', {
resolve: 'gatsby-source-filesystem',
options: {
'name': 'images',
'path': './src/images/'
},
__key: 'images'
}
]
};
export default config;```
![](https://avatars.slack-edge.com/2021-07-28/2322213143667_f9ad35c2dec28da258a5_72.jpg)
writen by Tiago Ferreira
But I just noticed that is not only with CSS that this happens. I just introduced a onClick function that only worked after killing the process and restarting it… Could it be a react problem? I am implementing this changes in a sub component…
![](https://avatars.slack-edge.com/2021-07-28/2322213143667_f9ad35c2dec28da258a5_72.jpg)
writen by Tiago Ferreira
> It turns out it was because the casing of the component name in my imports was not the same as the actual component folder name.
![](https://avatars.slack-edge.com/2022-01-11/2938203762850_8a09de27b9f55a9fca64_72.png)
writen by Luca Restagno (ikoichi on Twitter)
there are many different causes described here: https://github.com/gatsbyjs/gatsby/issues/13918
![](https://avatars.slack-edge.com/2022-01-11/2938203762850_8a09de27b9f55a9fca64_72.png)
writen by Luca Restagno (ikoichi on Twitter)