Ravenus project part 1 <div> errir

Get Help React.js
,
#1

HI I get this error compiling ravenous part 1

Failed to compile
c:/users/billc_000/Documents/codeacademy/ravenous/src/component/BusinessList/BusinessList.js
SyntaxError: c:\users\billc_000\Documents\codeacademy\ravenous\src\component\BusinessList\BusinessList.js: Support for the experimental syntax 'jsx' isn't currently enabled (7:17):

   5 |         render() {
   6 |             return  (
>  7 |                 <div className="BusinessList" >
     |                 ^
   8 |                 
   9 |                 <Business />
  10 |                 <Business />

Add @babel/plugin-transform-react-jsx (https://git.io/vb4yd) to the 'plugins' section of your Babel config to enable transformation.
This error occurred during the build time and cannot be dismissed.

The full code for that file is

import React from 'react';
import "./BusinessList.css";
import Business from "../Business/Business";
class BusinessList extends React.Component {
        render() {
            return  (
                <div className="BusinessList" >
                
                <Business />
                <Business />
                <Business />
                <Business />
                <Business />
                <Business />
               </div>   
			   )
            }
        }
        export default BusinessList;

Can anyone help with this?

#2

Hey @billcerasoli02960974. I can help you. For this… I think you may have to run the command npm install @babel/plugin-transform-react-jsx --save for this to work, or maybe you are on a older version of react.

1 Like
#3

That did it thank you very much for your help

#4

Also to make sure that you are using that module, add it to your other node_modules folder (which is in your home directory) to do that, run the command npm install -g @babel/plugin-transform-react-jsx (for future react projects)

1 Like
#5

Hi hypercoder. I’m having a similar issue and I tried to resolve it using the same method but didn’t work. Here’s a link to my issue: Ravenous Part 1 compiling issue

#6

Hello I have the exact same issue but even if I enter the “npm install @babel/plugin-transform-react-jsx --save” it still doesn’t work, gives me the same issue. I don’t know if I am doing it right about entering that command to the Git Bash