解决build-url在微信小程序中报错的问题入门基础教程_报错基础教程

build-url 是一个将对象转换为url字符串的小工具,一般的使用方法为:import buildUrl from ‘../path/to/lib/build-url’;buildUrl(‘http://example.com’, {path: ‘about’,hash: ‘contact’,queryParams: {foo: bar,bar: [‘f

解决build-url在微信小程序中报错的问题入门基础教程

build-url 是一个将对象转换为url字符串的小工具,一般的使用方法为:

解决build-url在微信小程序中报错的问题入门基础教程_报错基础教程

import buildUrl from '../path/to/lib/build-url';

buildUrl('http://example.com', {
  path: 'about',
  hash: 'contact',
  queryParams: {
    foo: bar,
    bar: ['foo', 'bar']
  }
});

使用npm安装的build-url在使用时,微信开发者工具会报错 buildUrl undefined错误,跟踪代码发现 是下面代码抛出了异常

var root = this;

var previousBuildUrl = root.buildUrl;

在小程序中this为undefined,所以下面的root.buildUrl就会抛出错误了。
修改成下面的代码,问题解决,但不知道为什么小程序中this为undefined。

var root = this || {};
var previousBuildUrl = root || root.buildUrl || {};

附上修改后的文件

原文:https://segmentfault.com/a/1190000021859730

海计划公众号
(0)
上一篇 2020/03/20 22:20
下一篇 2020/03/20 22:20

您可能感兴趣的内容

  • 关于Webpack中hash的用法小白常识_Hash基础入门

    在webpack的配置项中,可能会见到hash这样的字符。当存在hash配置的时候,webpack的输出将可以得到形如这样的文件:page1_bundle_54e8c56e.js
    这种带哈希值的文件名,可以帮助实现静态资源的长期缓存,在生产环境中非常有用。关于这一点的详细内容,可以参考这篇久远的大公司里怎样开发和部署前端代码。在webpack中配置hash下

    2020/04/06
  • magicCss使用说明_CSS3奇思妙想,单标签实现各类图形

    magicCss使用说明 官方网址:http://chokcoco.github.io/magicCss/html/index.html GitHub:https://github…

    2020/03/07
  • TileBoard教程视频_一个简单的可定制的类似 Windows UI 框架

    TileBoard教程视频 官方网址:https://youtu.be/L8JwzWNAPr8 GitHub:https://github.com/resoai/TileBoard…

    2020/03/06
  • 交友之道,终身受用使用帮助_约会入门指南

    “晚清中兴四大名臣”曾国藩,对人生的交友之道颇有见地,其中的“八交九不交”概括了他的交友之道,对我们受用匪浅。曾国藩认为交友要宽容、大度,要“推诚守正,委曲含宏,而无私意猜疑之弊”。并且在曾国藩家训中提出了交往中的“八交九不交”,成为了人们交往礼仪的规范要求和善意的提醒告诫。善交八种益友一、善交德盛者德盛者其心和平,见人皆可取,故口中所许可者多。和这种人交朋

    2020/03/22
  • Js之判断数据类型小白攻略_类型入门百科

    Javascript 中的数据类型判断其实是一个JavaScript非常基础问题,但不论是日常实际编程过程中和还是面试时,这都是一个非常常见的问题。很多人被问到如何判断一个变量数据类型这个问题时,大概都能回答上几种方法,但是一深入的问题各种判断方法的区别、优劣、局限、原理,却一时半会理不清楚了,所以就借这一篇文章,复习一下JavaScript中这个基础但很容

    2020/03/23
  • Node.js的进程与子进程:从文档到实践基础入门_进程入门知识

    进程:process模块process 模块是 nodejs 提供给开发者用来和当前进程交互的工具,它的提供了很多实用的 API。从文档出发,管中窥豹,进一步认识和学习 process 模块:如何处理命令参数?如何处理工作目录?如何处理异常?如何处理进程退出?process 的标准流对象深入理解 process.nextTick如何处理命令参数?命令行参数指

    2020/03/22
  • 关于Vue.use()使用详解菜鸟教程下载_vue入门指南

    问题相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐?答案因为 axios 没有 install。什么意思呢?接下来我们自定义一个需要 Vue.use() 的组件,也就是有

    2020/03/31
  • vue打包后静态资源图片失效小白攻略_资源入门指南

    vue打包后静态资源图片失效:老版本中需要找到config/index.js,找build打包对象里的assetsPublicPath属性,默认值为/,更改为./就好了;新版本中只有手动更改vue.config.js, 在里面配置publicPath即可(从vue 3.3开始,baseUrl被废弃,使用publicPath代替)vue动态设置img的src不

    2020/03/20
  • Flutter 动画使用帮助_动画小白知识

    Flutter动画中用到的基本概念Flutter动画中有4个比较重要的角色:Animation、Controller、Curve、Tween,先来了解一下这四个角色1.1 AnimationAnimation是Flutter动画库中的核心类,用于插入指导动画的值Animation对象知道动画当前的状态(比如开始还是停止),可以使用addListener和ad

    2020/03/22
  • React Rouer 使用教程零基础入门_router菜鸟知识

    前言作为 React 全家桶的一员,如果我们想要开发一个 React 应用,那么 react-router 基本上是我们绕不过去的基础。基于此,对它的了解和使用也是必不可少的一步本文将重点介绍实际应用中常用的一些 API 以及实践过程中遇到的一些问题,目标很简单:会用基于 react-router v5.0.1,WEB 应用程序安装国际惯例,首先我们需要安装

    2020/03/24
  • 前端开发岗位面试中常考的源代码实现教程视频_面试小白入门

    手动撸个call/apply/bind实现call来看下call的原生表现形式:function test(arg1, arg2) {console.log(arg1, arg2)console.log(this.a, this.b)
    }run.call({a: ‘a’,b: ‘b’
    }, 1, 2)
    好了,开始手动实现我们的call2。在实现的过程有个关键

    2020/03/26
  • 现代 js 框架存在的根本原因零基础入门_框架菜鸟攻略

    原文链接: medium.com翻译链接:zcfy.cc我曾见过很多很多人盲目地使用(前端)框架,如 React,Angular 或 Vue等等。这些框架提供了许多有意思的东西,然而通常人们(自以为)使用框架是因为:它们支持组件化;它们有强大的社区支持;它们有很多(基于框架的)第三方库来解决问题;它们有很多(很好的)第三方组件;它们有浏览器扩展工具来帮助调试

    2020/04/05
  • js 的隐式转换与显式转换指南攻略_类型基础入门

    隐式转换1.undefined与null相等,但不恒等(===)2.一个是number一个是string时,会尝试将string转换为number3.隐式转换将boolean转换为number,0或14.隐式转换将Object转换成number或string,取决于另外一个对比量的类型5.对于0、空字符串的判断,建议使用 “===” 。6.“==”会对不同类

    Web前端 2020/03/29
  • js的局部变量和全局变量的区别小白知识_变量攻略教程

    js是一个弱类型语言,同一个变量一会儿可以储存数据,一会儿可以存储字符串。
    全局变量:直接定义的变量是全局变量,可以被所有的脚本所访问到。
    局部变量:在函数定义里申明的变量。
    重点:局部变量只在函数内有效,同一个变量名如果在同时出现,则局部变量覆盖全局变量。代码说明: 一、局部变量和全局变量重名会覆盖全局变量var a = 1; function test

    2020/03/20
  • 理解并使用CSS3中的单位rem vh vw vmin vmax基础知识教程_单位入门基础知识

    rem vh vw vmin vmax做为CSS3中的新单位,其实都出来挺久的了,这篇文章将总结并理解下它们。rem如果你给body设置了font-size字体大小,那么body的任何子元素的1em就是等于body设置的font-size body { font-size: 14px; }
    div { font-size: 1.2rem; // c

    2020/04/06
  • 实验楼使用攻略_国内领先的IT技术实训平台

    实验楼菜鸟指南 官方网址:https://www.shiyanlou.com 简介描述:国内领先的IT技术实训平台 实验楼是国内领先的IT在线编程及在线实训学习平台,专业导师提供精…

    2020/03/06