草庐IT

异步组件

全部标签

javascript - 捕获地理位置错误 - 异步等待

我如何捕获特定于地理定位的错误以通知用户他们必须打开地理定位?catch记录了一个名为PositionError的错误,如Mozilla文档“https://developer.mozilla.org/en-US/docs/Web/API/PositionError”中所述。*注意:我的代码没有捕捉到错误,它只是显示:Uncaught(inpromise)ReferenceError:PositionErrorisnotdefined代码getCurrentLocation(){returnnewPromise((resolve,reject)=>{navigator.geolocat

javascript - 第一次加载组件时 Angular 4 ngOnInit 不工作

我在Angular4中有一个组件和一个用于更改路由的模板这个组件被调用但不加载任何没有服务器调用的东西。如果我将ngOnInit()方法内容放入构造函数中,它就可以正常工作。似乎没有调用ngOnInit。自从过去2天以来,任何人都可以帮助我处理这个问题。这是我的路由配置。consttestRouting:ModuleWithProviders=RouterModule.forChild([{path:'createtest/:id',component:TestComponent,resolve:{test:TestResolver}},{path:'createtest',compo

javascript - Vuex Mutation 正在运行,但组件在 vue 开发工具中手动提交之前不会更新

我有一个vue组件,我无法从通过服务调用填充的计算属性进行更新。Feed.vueStatsfor{{feed.name}}loading{{feedID}}exportdefault{data:()=>{return{feedID:false}},computed:{feed(){returnthis.$store.state.feed.currentFeed},loading(){returnthis.$store.state.feed.status.loading;}},created:function(){this.feedID=this.$route.params.id;var

javascript - Vue-动态导入vue组件

我有很多组件,我想按需导入。我有一个下拉列表,其中实际包含组件列表,即要加载的内容。我试过这个例子在脚本中componentLoader(){return()=>import('@/components/testDynamic')}testDynamic是一个组件名称(现在我正在尝试使用静态组件)。出现这个错误GEThttp://localhost:8080/0.jsnet::ERR_ABORTED404[Vuewarn]:Failedtoresolveasynccomponent:function(){return__webpack_require__.e/*import()*/(0

javascript - 如何在 `n` 循环中每隔 `m` 和 `while (true)` 秒调用两个异步函数?

我有以下循环:while(true){awaitf();awaitg();}其中f和g定义如下:asyncfunctionf(){awaitPromise.all([SOME_REQUEST_F,sleep(1000)])}asyncfunctiong(){awaitPromise.all([SOME_REQUEST_G,sleep(5000)])}另外sleep定义如下:functionsleep(ms){returnnewPromise(resolve=>setTimeout(resolve,ms));}我的意图是让SOME_REQUEST_F每隔一秒等待一次,SOME_REQUE

javascript - 具有动态图像源的可重用 Gatsby-Image 组件

我正在考虑在我的下一个项目中使用Gatsby-Image,并且已经尝试了一些。我让它在我的测试项目上工作,但后来我想出了一个用例,我想像使用常规一样使用Gatsby的标签。标签。如何使Gatsby组件可重用?importReactfrom"react"import{StaticQuery,graphql}from"gatsby"importImgfrom"gatsby-image"functionrenderImage({file}){console.log({file})return}//StatelessImagecomponentwhichIguesswill//receivet

javascript - 使用 Webpack 4 构建 React 组件库

我目前正在构建一个React组件库并将其与Webpack4捆绑在一起。从构建库的包到将其发布到npm注册表,一切都运行良好。但是,我无法在其他React应用程序中导入它的任何组件并在运行时收到此错误消息:Elementtypeisinvalid:expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:undefined.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin,oryoumighthavemi

javascript - 异步设置为 false 的 jquery ajax 可防止 Chrome 中先前的显示更改

所以我有这个:$('.something').click(function(){$('body').html('');$.ajax({url:'someurl',dataType:'json',async:false,success:function(data){//dostuffalert('yo');}});returnfalse;});在Firefox中,body会在正确发出“yo”警报之前变为空白...但是在Chrome中,即使$('body').html('')调用在ajax之前执行....这是由于设置为false的异步设置...如果它是true,它也会在chrome中正常工

JavaScript:如何在异步内部函数中返回外部函数?

我知道我可以使用外部变量来识别外部函数需要处理的某些状态。但是考虑一下:如果内部函数是异步的?外层函数不会等待内层函数的变量发生变化,那么现在如何返回外层函数呢?functionouter(){varflag=true;//Forexample,ajquery-likeajaxcall$.ajax({//Somesettingserror:function(jqXHR,textStatus,errorThrown){//HereIwanttoreturnouter()flag=false;}});returnflag;}如您所见,如果我使用flag作为返回值,outer()很可能会返回

javascript - 在调用回调之前如何等待异步创建的对象完全可用?

我正在尝试创建一个函数来创建一个新标记。我需要能够在回调中处理新标记的一些属性。问题是marker立即创建并可用于调用回调,但某些属性尚不可用。如果我在尝试访问属性之前等待两秒钟,它工作得很好-这让我相信对象在创建后仍在异步生成自身。Simplemarkershtml,body{height:100%;margin:0;padding:0;}#map{height:100%;}functioninitMap(){varlatLng=newgoogle.maps.LatLng(-25.363,131.044);varmap=newgoogle.maps.Map(document.getE