React JS tomcat, Uncaught SyntaxError: неожиданный импорт токенов

I am new to react js, i am trying to create react JS based simple page using export and import functionality. Ниже приведено описание

  1. Приложение.jsx

    import React from '../build/react'
    
    export default class App extends React.Component {
        render() {
            return (
                <div>
                    Hello World!!!
                </div>
             );
           }
        }
    
  2. главный.jsx

    import {ReactDOM} from '../build/react-dom'
    import {App} from 'App'
    
    ReactDOM.render(<App />, document.getElementById('app'));
    
  3. тест.формат html

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
    
         <script src="build/browser.min.js"></script>
          <script src="custom/main.jsx"></script>
      </head>
    
    </html>
    

Я развернул его на tomcat, когда я пытаюсь получить доступ » test.html » из браузера это дает мне

Uncaught SyntaxError: неожиданный импорт токенов в main.jsx : 1

Пожалуйста, помогите мне, если я что-то пропустил в этом.

1 ответ

  1. У меня была похожая проблема. Я сделал все, что мог, чтобы решить ее, но безрезультатно. Я удалил node_moduleиз C:и выпущен npm installдля переустановкиnode_module, но по-прежнему нет решения.

    Я заменил мой package.jsonс

    {
        "name": "react-frontend",
        "version": "0.1.0",
        "private": true,
        "dependencies": {
        "axios": "^0.16.2",
        "express": "^4.16.2",
        "react": "^15.6.1",
        "react-dom": "^15.6.1",
        "react-router-dom": "^4.1.1",
        "react-scripts": "0.9.5"
      },
        "devDependencies": {},
        "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
      }
    }
    

    и заменил мойindex.js

    import React from 'react';
    import ReactDOM from 'react-dom';
    import { BrowserRouter as Router, Route } from 'react-router-dom';
    
    import App from './App';
    
    ReactDOM.render(
        <App />,
        document.getElementById('root')
    );
    

    Позже я внес в них изменения в соответствии с требованиями моего приложения. Это сработало идеально — я не могу объяснить, как это произошло.