解析错误：前缀操作中的左侧无效

Question

我迈出了第一步，并为带有节点的CRUD应用程序编写了一个教程，然后做出反应，我遇到了下一个错误，我不知道为什么。在互联网上找不到任何东西。谢谢！

./src/App.js
  Line 1:  Parsing error: Invalid left-hand side in prefix operation

> 1 | --- a/src/App.js
    |   ^
  2 | +++ b/src/App.js
  3 | @@ -1,4 +1,6 @@
  4 |  import React, { Fragment } from 'react';

这是App.js的代码

--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,6 @@
 import React, { Fragment } from 'react';
+import { Route } from 'react-router-dom';
+import { ImplicitCallback } from '@okta/okta-react';
 import {
   CssBaseline,
   withStyles,
@@ -21,7 +23,8 @@ const App = ({ classes }) => (
     <CssBaseline />
     <AppHeader />
     <main className={classes.main}>
-      <Home />
+      <Route exact path="/" component={Home} />
+      <Route path="/implicit/callback" component={ImplicitCallback} />
     </main>
   </Fragment>
 );