Когда я пытаюсь скомпилировать приложение локально, оно не запускается. Это должно быть действительно простая ошибка, но я не могу ее найти. Я тоже не опытный программист, поэтому ответ покажется очень очевидным. Спасибо за любую помощь!
Вот код:
import React from 'react';
import { Link } from 'react-router-dom';
import twitterIcon from './twitterIcon.svg';
import facebookIcon from './facebookIcon.svg';
import './Footer.css';
const Footer = () => (
<div className = "Footer-wrapper">
<div className = "Footer-text-links-wrapper">
<Link to = "/about">
<span className = "Footer-text-link">About</span>
</Link>
<Link to = "/faq">
<span className = "Footer-text-link">FAQ</span>
</Link>
<Link to = "/contact">
<span className = "Footer-text-link">Contact</span>
</Link>
<a href = "xxx"><span className = "Footer-text-link">Community</span></a>
</div>
// <div className = "Footer-icon-links-wrapper">
// <a
// href = "https://www.twitter.com"
// target = "_blank"
// rel = "noopener noreferrer"
// >
// <img src = {twitterIcon} className = "Footer-icon-link" alt = "twitter" />
// </a>
// <a
// href = "https://www.twitter.com"
// target = "_blank"
// rel = "noopener noreferrer"
// >
// <img src = {facebookIcon} className = "Footer-icon-link" alt = "facebook" />
// </a>
//
// </div>
</div>
);
export default Footer;
Вот ошибка терминала:
Failed to compile.
./src/components/Footer/Footer.js
Syntax error: Unexpected token (40:2)
38 | //
39 | // </div>
> 40 | </div>
| ^
41 | );
42 |
43 | export default Footer;





вы не можете размещать комментарии // в jsx. https://wesbos.com/react-jsx-comments/
Комментарии не могут быть похожи на //, как в Javascript внутри JSX. Чтобы писать комментарии, вы можете сделать что-то вроде этого: `{/ * ... comment * /}. Итак, в вашем коде это будет выглядеть примерно так
</div>
{/* <div className = "Footer-icon-links-wrapper">
...
</div> */}
</div>