gpt4 book ai didi

javascript - react js tomcat,未捕获的语法错误 : Unexpected token import

转载 作者:行者123 更新时间:2023-11-28 23:23:35 25 4
gpt4 key购买 nike

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

  1. App.jsx

    import React from '../build/react'

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

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

    ReactDOM.render(<App />, document.getElementById('app'));
  3. 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”时,它给了我

未捕获的语法错误:main.jsx 处的意外 token 导入:1

请帮助我,看看我是否遗漏了什么。

最佳答案

我遇到了类似的问题。我尽我所能来解决它​​,但无济于事。我从 C: 删除了 node_module 并发出 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')
);

我后来对它们进行了更改以满足我的应用程序的要求。它运行完美 - 我无法解释它是如何发生的。

关于javascript - react js tomcat,未捕获的语法错误 : Unexpected token import,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39890669/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com