使用Okta for React时,预期<router>的相应JSX结束标记

时间:2017-11-13 19:44:14

标签: reactjs react-native okta

我已经使用了Lee Brandt的网站点教程,使用okta进行了用户身份验证的React应用程序。

首先我收到了这个:

  ./src/app.js中的

错误未找到模块:错误:无法解决   &#39; ./组件/ AUTH / LoginPage&#39;在   &#39; /用户/电脑/桌面/ 1563-反应-插件采样/ SRC&#39; @ ./src/app.js   3:17-55 @ multi(webpack)-dev-server / client?http://localhost:3000   ./app.js webpack:无法编译。

我删除了node_modules文件夹和package-lock.json文件。

然后我改变了语法,现在在我的文件中:

import LoginPage from './components/auth/LoginPage';
import React from 'react';
import {render} from 'react-dom';
import { Router, Route, IndexRoute, browserHistory } from 'react-router';

import Layout from './components/common/Layout';
import HomePage from './components/home/HomePage';
import AboutPage from './components/about/AboutPage';
import ContactPage from './components/contact/ContactPage';
import '../scss/site.scss';

render(
  <Router history={browserHistory}>
    <Route path="/" component={Layout}>
      <IndexRoute component={HomePage}/>
      <Route path="/about" component={AboutPage}/>
      <Route path="/contact" component={ContactPage}/>
      <Route path="/login" component={LoginPage}/>
    </Route>
  </Router>,
  document.getElementById('app')

新错误如下。 这就是我得到的:

./src/app.js中的错误 模块构建失败:SyntaxError:(18:4)

的预期对应JSX结束标记
16 <Route path="/about" component={AboutPage}/>
17 <Route path="/contact" component={ContactPage}/>
>18 </Route>
    ^
19 </Router>
20 document.getElementById('app')
21 )

@ multi(webpack)-dev-server / client?http://localhost:3000 ./app.js webpack:无法编译。

0 个答案:

没有答案