Javascript 反应路由器v4错误“;未捕获引用错误:未定义路由器";
我正在为一个项目使用react路由器v4 这是我的CDNJavascript 反应路由器v4错误“;未捕获引用错误:未定义路由器";,javascript,reactjs,spring-boot,react-router,react-router-v4,Javascript,Reactjs,Spring Boot,React Router,React Router V4,我正在为一个项目使用react路由器v4 这是我的CDN <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script> <script src="htt
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/4.0.0-alpha.3/react-router.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.min.js"></script>
这是我的密码
ReactDOM.render(
<Router>
<Route path="/" component={LoginForm} />
</Router>
,document.getElementById('root'));
</script>
ReactDOM.render(
,document.getElementById('root');
loginform代码如下所示
var LoginForm = React.createClass({
render: function() {
return (
<div>
<div id="postdiv">
<form id="customerForm" data-toggle="validator">
<div className="form-group">
<span className="label label-default">Login</span>
...
var LoginForm=React.createClass({
render:function(){
返回(
登录
...
我得到了这个错误
Uncaught ReferenceError: Router is not defined
at eval (eval at n.run (browser.min.js:3), <anonymous>:79:3)
at Function.n.run (browser.min.js:3)
at l (browser.min.js:3)
at i (browser.min.js:3)
未捕获引用错误:未定义路由器
评估时(评估时n.run(browser.min.js:3),:79:3)
在Function.n.run(browser.min.js:3)
在l(browser.min.js:3)
at i(browser.min.js:3)
当您从cdn
导入react router时,您可以像
<ReactRouter.Router>
<ReactRouter.Route path="/" component={LoginForm} />
</ReactRouter.Router>
您还需要像这样导入它
<script src="path/to/loginFormFile"></script>
您需要webpack来编译JSX,然后您可以像这样导入react router:从“react router”导入{router};尝试使用react router v4的最新版本,该版本已经尝试过了,但给出的结果是:“警告:react.createElement:type无效--需要字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能忘记了从定义组件的文件中导出组件。“您是否正在导出和导入登录表单组件我认为我没有使用npm,我不需要使用导入/导出,只需使用CDN,对吗?对不起,我不熟悉reactjs:D@OmarShiha。我想你需要像我在回答中提到的那样做。希望这能帮助暹罗不要导出或导入任何东西,因为它们都在一个脚本下“我还没有把它们分开,这是我面临的另一个问题,因为我使用spring boot作为后端,所以有一个特定的目录可以让后端应用程序看到.js文件
<script src="path/to/loginFormFile"></script>