Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应路由器v4错误“;未捕获引用错误:未定义路由器";_Javascript_Reactjs_Spring Boot_React Router_React Router V4 - Fatal编程技术网

Javascript 反应路由器v4错误“;未捕获引用错误:未定义路由器";

Javascript 反应路由器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

我正在为一个项目使用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="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>