草庐IT

ROUTER-OS

全部标签

javascript - React Router 服务器端呈现错误 : Warning: Failed propType: Required prop `history` was not specified in `RoutingContext`

我正在设置一个简单的玩具应用程序来学习React/Hapi,并且一切正常,直到我尝试设置服务器端路由。服务器运行无误,并使用helloworld正确呈现“/”。但是,当我导航到“/test”时,出现以下错误。Warning:FailedpropType:Requiredprop`history`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop`location`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop

javascript - React router 嵌套路由 - 如何在没有路由匹配时重定向

我正在构建一个包含三个主要部分的网络应用程序:实际网站、管理部分和用户部分。对于每个部分,我想要一个不同的布局包装器。这是我现在的代码:网站包装器constWebsite=()=>();用户包装器constUser=()=>();管理包装器constAdmin=()=>();路由器constRouter=()=>();一切正常,但如果url不匹配任何路由,则它不会重定向到'/'。我怎样才能做到这一点? 最佳答案 您可以制作一个可重复使用的组件NoMatch并将其包含在Switch的底部。例如:确保将其放在最后因此,如果没有匹配到其他

javascript - $ionicLoading 与 Angular UI Router 解析

我正在尝试使用$ionicLoading与AngularUIRouterresolves.这个想法是,当请求新的路线/状态时,加载模式会在解析数据时出现,然后在解析完成并实例化新状态时消失。路由器.state('tab.locations',{url:'/locations',cache:false,views:{'locations-tab':{templateUrl:'js/locations/tab-locations.html',controller:'LocationsCtrlasvm'}},resolve:{locationsResource:'Locations',loc

javascript - AngularJS $timeout 在计算值之前不等待 UI-Router 完成渲染

我正在使用angularJS和requirejs通过angularAMD将一个复杂的应用程序连接在一起。我的一个状态有两个简单的View,如下所示:$stateProvider.state("common",{url:"/",views:{"view1":{templateUrl:"view1.tpl.html"},"view2":{templateUrl:"view2.tpl.html"}}});htmlView1有一个指令:.directive('checkViewOneBoxWidth',function($timeout){return{restrict:'A',link:fu

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - React-Bootstrap/React-Router-Bootstrap 中 NavBar 品牌化的最佳实践

ReactBootstrap和ReactRouter中的anchor标记存在问题。我很好奇其他人是如何处理这种情况的。可以只留下带有href的anchor标记,例如SiteTitle并避免使用IndexLinkContainer.还有就是用MenuItem之类的。TitleName然而,这会在导航栏的最左侧留下一个丑陋的元素符号点。如果其他人对如何解决这个问题有任何想法,我将不胜感激。 最佳答案 这就是我所做的(使用来自react-router-bootstrap的LinkContainer):Sometext包含站点的名称和Log

javascript - React Router - 如何动态替换字符串中的参数

我在URL中有一组动态参数,例如用户区域设置,看起来像这样:/en/homepage在我的路由器配置JSON文件中,我有类似的内容:/:locale/homepage在ReactRouter中直接替换这些参数的最佳方法是什么?我想出了这个在我看来与标准或可移植解决方案相去甚远的解决方案:consturlTemplate='/:language/homepage';constmappedUrl=pathToRegexp.compile(urlTemplate);consturl=mappedUrl({'language':this.props.match.params.language}

javascript - Vuejs Router,JavaScript代码的条件加载

我正在将VueRouter集成到我的应用程序中。在我的一个组件中,我正在使用一些js代码,我不想在另一条路线上加载或出现这些代码?例子compA.vueconsole.log('hello')app.com/a->IshouldseeconsolelogHello.app.com/b->whenIaccessthisIshouldnotseehellointheconsole.编辑:根据回复进行澄清。我有两个组件,每个组件都有自己的生命周期Hook,所以我不需要设置逻辑来触发基于组件的函数...如果用户访问compA并且函数触发并产生一些副作用,当我访问compB时,我希望没有类似于传

javascript - iPhone OS 3.0 中使用 webkit-transform translate() 的慢速动画

iPhoneOS3.0中的JavaScript处理有什么变化吗?此代码适用于Safari4PublicBeta和iPodTouch2.0,但不适用于装有iPhoneOS3.0的iPodtouch。目的是在2秒内将框向右移动一点,但在3.0中它只是跳到新位置,没有动画或延迟。iPhoneJStesting.box{position:absolute;width:150px;height:150px;background-color:red;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:2

javascript - Firefox OS 后台服务

我想构建一个应用程序,用户可以通过它输入一些设置,应用程序将启动后台服务以根据这些设置执行一些任务。我只想在模拟器中运行应用程序和后台服务(我知道运行后台服务需要“认证”模式,但我现在不考虑在FirefoxMarketplace上发布应用程序)。有人可以为我提供一些关于如何在FIrefoxOS平台上构建和运行后台服务的链接或教程吗?谁也能解释一下后台服务和应用程序之间如何通信?(我搜索了MDN和谷歌,但没有成功)。此外,应用程序(常规应用程序或后台服务)是否有某种方式来监听来自服务器的通知?(我正在寻找一种应用程序不汇集但由服务器通知的方法)。谢谢,塔玛什