Comments (6)
Yes, I have encountered the same problem. This problem is coming from different node version. The proper solution is
- uninstall this plugin with
npm uninstall @babel/plugin-proposal-class-properties
- then disable it with commenting
{
"presets": ["@babel/preset-react", "@babel/preset-env"],
// "plugins": ["@babel/plugin-proposal-class-properties"]
}
- clear the cache
npm run clear-build-cache
and then you are ready to run parcel again
from complete-intro-to-react-v5.
I'm also running into this issue.
Thanks, @Keromudo for posting your solution! Unfortunately, the solution above isn't working for me. I'm running into the following build error:
/Users/juno/Documents/fem/adopt-me/src/App.js: Cannot find module '@babel/preset-react, @babel/preset-env' from '/Users/juno/Documents/fem/adopt-me'
Interestingly, I get the same error regardless of whether the plugin is disabled in .bablerc. I've tried uninstalling all the dependencies and re-installing them, but this hasn't helped either.
I'm going to follow along the rest of the with class components, but if anyone knows of something to try, let me know! I'm curious about resolving this.
from complete-intro-to-react-v5.
Commenting the plugin breaks the code, doesn't it? @Keromudo
from complete-intro-to-react-v5.
@lizzSoup you may want to make sure you have these lines in your package.json:
"@babel/preset-env": "^7.12.7",
"@babel/preset-react": "^7.12.7",
from complete-intro-to-react-v5.
Yes, I have encountered the same problem. This problem is coming from different node version. The proper solution is
- uninstall this plugin with
npm uninstall @babel/plugin-proposal-class-properties
- then disable it with commenting
{ "presets": ["@babel/preset-react", "@babel/preset-env"], // "plugins": ["@babel/plugin-proposal-class-properties"] }
- clear the cache
npm run clear-build-cacheand then you are ready to run parcel again
Now clearing cache in npm is no possible
from complete-intro-to-react-v5.
For some reason the cache command didn't work for me, So instead I used npm cache clean --force
from complete-intro-to-react-v5.
Related Issues (20)
- Breeds data not fetched, error to get the breeds from the @front end masters api HOT 2
- useEffect error: Maximum update depth exceeded HOT 1
- The API is abandonned ? HOT 1
- Mapping not rendering img tag. HOT 6
- Reference to non-existent file "script.js" instead of "App.js"
- Step missing: npm run dev HOT 1
- first example - h1 text not visible due to css HOT 1
- npm install error HOT 1
- Modal, create Portal
- Input components lose focus in custom hooks HOT 2
- Parcel and emotion.js error HOT 2
- NOTE: Parcel bundler Invalid Version HOT 2
- Error when Parcel uses Babel to translate async/await calls HOT 1
- public state objects showing "Parsing error: Unexpected token" in Typescript
- Uncaught Error: seed(S) must take numeric argument; is string
- .prettierrc and .eslintrc.json not working HOT 1
- Uncaught TypeError: (0 , _popmotion.value) is not a function
- Error handling response: TypeError: Cannot read property 'length' of undefined
- HTTP Error after buliding with parcel and deploying to production(Netlify)
- H1 tag missing on homepage
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 complete-intro-to-react-v5.