Question

我是新手反应js，我正在尝试使用导出和导入功能创建基于简单页面的反应js。以下是说明

App.jsx

import React from '../build/react'

export default class App extends React.Component {
    render() {
        return (
            <div>
                Hello World!!!
            </div>
         );
       }
    }

main.jsx

import {ReactDOM} from '../build/react-dom'
import {App} from 'App'

ReactDOM.render(<App />, document.getElementById('app'));

的test.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”时它正在给我

未捕获的SyntaxError：main.jsx上的意外令牌导入：1

请帮助我，不管我错过了什么。

Answer 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')
);

我后来对它们进行了更改，以满足我的应用程序的要求。它工作得很好 - 我无法解释它是如何发生的。

React js tomcat，Uncaught SyntaxError：意外的令牌导入

1 个答案: