Javascript 警告:失败的道具类型:为“路线”提供的道具“组件”无效。途中

Javascript 警告:失败的道具类型:为“路线”提供的道具“组件”无效。途中,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我已经把所有关于这个错误的答案复习了大约一周了。我似乎仍然无法摆脱这个错误。任何帮助都将是非常有用和感激的 import React from "react"; import ReactDOM from "react-dom"; import ReactRouter, { Router, Route, IndexRoute, IndexLink, Link, hashHistory } from "react-router"; import Ho

我已经把所有关于这个错误的答案复习了大约一周了。我似乎仍然无法摆脱这个错误。任何帮助都将是非常有用和感激的

import React from "react";
import ReactDOM from "react-dom";
import ReactRouter, {
    Router,
    Route,
    IndexRoute,
    IndexLink,
    Link,
    hashHistory
} from "react-router";

import Home from "./home";
import Lists from "./lists";
import Mailings from "./mailings";
import App from "./app";
import Templates from "./templates";
import subCategorypage from "./subcategoryrepeat";
import Members from "./members";
import Assets from "./assets";
import ImportList from "./importlist";
import MailingWizard from "./mailingwizardone";
import DealerProfile from "./dealerprofile";
import UserProfile from "./userprofile";
import ApiKey from "./apikey";
import Login from "./login";
import NewMember from "./newMemberSlide"
import ImportTemplate from "./importTemplate";
import ImportAsset from "./importAsset";
import Register from "./register";
import FileMap from "./filemap";
import Invite from "./invite";
import MaterialUIAutocomplete from "./searchpiece";
import Example from "./autosuggest";
import NewForm from "./newmemberform";
import SignInForm from "./registrationform";


    var destination = document.querySelector("#container");

    ReactDOM.render(
        <Router history={hashHistory}>
            <Route path="/" component={App}>
                <IndexRoute component={Home}/>
                <Route path="lists" component={Lists}/>
                <Route path="mailings" component={Mailings}/>
                <Route path="templates" component={Templates} />
                <Route path="subcategoryrepeat/:subcategoryId" component={subCategorypage}/>
                <Route path="members" component={Members}/>
                <Route path="assets" component={Assets}/>
                <Route path="importlist" component={ImportList}/>
                <Route path="mailingwizardone" component={MailingWizard}/>
                <Route path="dealerprofile" component={DealerProfile}/>
                <Route path="userprofile" component={UserProfile}/>
                <Route path="apikey" component={ApiKey}/>
                <Route path="login" component={Login}/>
                <Route path="newMemberSlide" component={NewMember}/>
                <Route path="importTemplate" component={ImportTemplate}/>
                <Route path="importAsset" component={ImportAsset}/>
                <Route path="register" component={Register}/>
                <Route path="filemap" component={FileMap}/>
                <Route path="invite" component={Invite}/>
                <Route path="searchpiece" component={MaterialUIAutocomplete}/>
                <Route path="autosuggest" component={Example}/>
                <Route path="newmemberform" component={NewForm}/>
                <Route path="registrationform" component={SignInForm}/>



            </Route>
        </Router>,
        destination
    );
从“React”导入React;
从“react dom”导入react dom;
导入路由器{
路由器,
路线,,
IndexRoute,
IndexLink,
链接
哈希历史
}从“反应路由器”;
从“/Home”导入主页;
从“/Lists”导入列表;
从“/Mailings”导入邮件;
从“/App”导入应用程序;
从“/Templates”导入模板;
从“/subcategory repeat”导入子类别页面;
从“/Members”导入成员;
从“/Assets”导入资产;
从“/ImportList”导入导入导入列表;
从“/mailingwizardone”导入MailingWizard;
从“/DealerProfile”导入DealerProfile;
从“/UserProfile”导入用户配置文件;
从“/ApiKey”导入ApiKey;
从“/Login”导入登录名;
从“/newMemberSlide”导入新成员
从“/ImportTemplate”导入ImportTemplate;
从“/ImportAsset”导入ImportAsset;
从“/Register”导入寄存器;
从“/FileMap”导入文件映射;
从“/Invite”导入邀请;
从“/searchpiece”导入材料自动完成;
从“/autosuggest”导入示例;
从“/newmemberform”导入新表单;
从“/registrationform”导入签名信息;
var destination=document.querySelector(“容器”);
ReactDOM.render(
,
目的地
);

从我所看到的一切来看,代码似乎都是正确的,但错误仍在发生。我已经在两个操作系统和两个浏览器上试过了

这个错误今天刚刚发生在我身上,我看到这个问题自去年发布以来就没有进一步的想法了,所以这可能会帮助其他人。我想知道这张海报是否与我的问题相同,因为它们有一长串的路线和进口,也许有些在某种程度上还没有完成

如果您还没有开发导入组件的长列表,并且一些导入的文件仍然为空或缺少React代码的基本部分,我发现它可能会导致不同的“无效属性”错误(“组件”、“渲染”等)

如果这就是问题所在,在文件准备就绪之前,注释掉引用尚未完全开发的文件的行,可以修复错误。也就是说,它允许您在处理文件时仍在浏览器中加载文件,而不是让文件因错误而暂停,因为您要导入的文件不完整


例如,如果“dealerprofile”组件是一个仍在编写或仅部分编写的空白文件,如果您注释掉dealerprofile的导入行和dealerprofile的行,这可能会修复错误,那么您可以在这些文件本身开发得更充分后,再次取消注释这些行

您使用的是哪个版本的路由器?我使用的是react路由器版本3.0.2