我已经使用了Lee Brandt的网站点教程,使用okta进行了用户身份验证的React应用程序。
首先我收到了这个:
./src/app.js中的错误未找到模块:错误:无法解决 ' ./组件/ AUTH / LoginPage'在 ' /用户/电脑/桌面/ 1563-反应-插件采样/ SRC' @ ./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:无法编译。