Reactjs代码在Windows上非常运行，但在Linux上引入了错误

Question

下面的代码在Windows上非常运行，但是当我将其上载到在线服务器并运行常规的npm run build或npm start时，它将引入语法错误意外令牌。我不知道为什么Linux会这样做。错误似乎指向了BrowserRouter Element，这是屏幕截图

这里是代码

import React, { Component } from 'react'
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom'

import App from './components/App.jsx';
import axios from 'axios';

// Require Sass file so webpack can build it
import bootstrap from 'bootstrap/dist/css/bootstrap.css';
import style from './styles/style.css';

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

Answer 1

如果可以帮助某人。我对其进行了如下测试，发现此问题是由于缺少。bablerc文件所引起的，如Colburton建议用于快速故障排除在index.html文件

中设置以下库

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

然后我将type="text/babel"属性传递给脚本标签，如下所示：>

<script type="text/babel">
ReactDOM.render((
    <BrowserRouter>
        <App />
    </BrowserRouter>
), document.getElementById('root'))

</script>