Добавление компонента реакции (кнопки) на страницу через расширение Google Chrome

Question

Мне действительно нужна помощь.Я пытаюсь добавить компонент реакции на страницу через расширение Chrome.Проще говоря, просто попробуйте добавить кнопку в Википедию.

Однако я получаю следующую ошибку: Uncaught SyntaxError: Неожиданный идентификатор для следующей строки: import React from 'реагировать;Когда я изменяю его на синтаксис ES5: var React = require ('реакции');тогда проблема исчезает.однако возникает другая проблема ?

, которая: // Uncaught SyntaxError: неожиданный токен <для следующей строки: ReactDOM.render (, button);Поэтому я считаю, что это не идентификация синтаксиса ES6, JSX.Может кто-нибудь разобраться в этом и спасти меня, пожалуйста ? Добавление кода ниже: </p>

// import React from 'react';  //content.js:1 Uncaught  SyntaxError: 
//Unexpected identifier
// import ReactDOM from 'react-dom';
// import Button from '../components/button.js';
//import serviceWorker from '../src/serviceWorker';

var React = require('react');
var ReactDOM = require('react-dom');
var Button = require('../components/button.js');
var serviceWorker=require('../src/serviceWorker');

const element = document.getElementById('firstHeading');
element.classList.add('cpy');

const button = document.createElement('span');
element.appendChild(button);


ReactDOM.render(<Button/>,button); //Uncaught  SyntaxError: Unexpected token <
serviceWorker.unregister();