renvrant / gatsby-mdx-netlify-cms-starter Goto Github PK
View Code? Open in Web Editor NEWGatsby-MDX with Netlify CMS. Support React components in your CMS editor!
License: MIT License
Gatsby-MDX with Netlify CMS. Support React components in your CMS editor!
License: MIT License
I receive a following error when clone the repo and try to run gatsby develop
both on my local environment and codesandbox
ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Can't resolve 'fs' in '/sandbox/node_modules/@mdx-js/mdx/node_modules/@babel/core/lib/transformation'
My environment:
System:
OS: macOS 10.15.4
CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 12.16.1 - /usr/local/bin/node
Yarn: 1.16.0 - ~/.yarn/bin/yarn
npm: 6.13.4 - /usr/local/bin/npm
Languages:
Python: 2.7.16 - /usr/bin/python
Browsers:
Chrome: 83.0.4103.61
Firefox: 76.0.1
Safari: 13.1
npmPackages:
gatsby: ^2.13.14 => 2.22.12
gatsby-image: ^2.2.5 => 2.4.5
gatsby-plugin-manifest: ^2.0.19 => 2.4.9
gatsby-plugin-mdx: ^1.0.56 => 1.2.13
gatsby-plugin-netlify-cms: ^4.1.6 => 4.3.3
gatsby-plugin-offline: ^2.2.2 => 2.2.10
gatsby-plugin-react-helmet: ^3.1.1 => 3.3.2
gatsby-plugin-sharp: ^2.0.35 => 2.6.9
gatsby-source-filesystem: ^2.1.4 => 2.3.8
gatsby-transformer-sharp: ^2.1.14 => 2.5.3
npmGlobalPackages:
gatsby-cli: 2.8.3
This is such a cool project! But I can't get it to work. Cloned it once via gatsby cli
& then tried a second time via git clone + repo link
. Apart from lots of warnings during yarn
, gatsby develop
gives me:
ERROR Failed to compile with 2 errors 5:06:13 PM
⠀
This dependency was not found:
⠀
* fs in ./node_modules/@mdx-js/mdx/node_modules/@babel/core/lib/transformation/normalize-file.js, ./node_modules/remark-mdx/node_modules/@babel/core/lib/transformation/normal
ize-file.js
⠀
To install it, you can run: npm install --save fs
ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Can't resolve 'fs' in '/Users/jester/projects/test_projects/gatsby-mdx-netlify-starter/node_modules/@mdx-js/mdx/node_modules/@babel/core/lib/transformation'
File: node_modules/@mdx-js/mdx/node_modules/@babel/core/lib/transformation/normalize-file.js
ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Can't resolve 'fs' in '/Users/jester/projects/test_projects/gatsby-mdx-netlify-starter/node_modules/remark-mdx/node_modules/@babel/core/lib/transformation'
File: node_modules/remark-mdx/node_modules/@babel/core/lib/transformation/normalize-file.js
failed Building development bundle - 54.046s
Tried fixing it by yarn add fs
, but didn't work. I'm not sure what to do. Any ideas?
It's not yet clear to me why hot reloading of md files doesn't work as it normally would with Gatsby/requires a server restart at times. Requires investigation.
Issue opened to keep an eye on this as it may become supported by Gatsby-MDX.
ChristopherBiscardi/gatsby-mdx#239
Issue opened to keep an eye on this as it develops. It may ultimately be a feature in Gatsby-MDX.
ChristopherBiscardi/gatsby-mdx#352
Hi, I clicked the green Deploy to Netlify button, and it failed. In the Netlify control panel I then clicked to try Deploy again, with cache removal. Same result. In both cases this was the error message Netlify gave:-
5:23:23 PM: error "gatsby-plugin-netlify-cms" threw an error while running the onCreateWebpackConfig lifecycle:
5:23:23 PM: Module not found: Error: Can't resolve 'fs' in '/opt/build/repo/node_modules/@babel/core/lib/transformation'
5:23:23 PM: ModuleNotFoundError: Module not found: Error: Can't resolve 'fs' in '/opt/buil d/repo/node_modules/@babel/core/lib/transformation'
A pity as I wanted to study the NetlifyCMS settings.
gatsby-mdx
has been deprecated, see: https://www.npmjs.com/package/gatsby-mdx
@mdx-js/runtime
is being warned against being used as it increases bundle size and overhead, see: https://www.npmjs.com/package/@mdx-js/runtime
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.