发现微信小程序开发时无法正常引入第三方JS库 - WXOPEN Club

发现微信小程序开发时无法正常引入第三方JS库，分析了后发现，微信小程序无法正常执行类似如下js代码：

( function (self) {

'use strict';

console.log('*** self in fetch.js: ', self)

if (self.fetch) {

return

}

})(this);

出错信息如下：

*** self in fetch.js: undefined

index.js? [sm]:6 Uncaught TypeError: Cannot read property 'fetch' of undefined

at index.js? [sm]:6

at index.js? [sm]:3

at require (WAService.js:9)

at appservice:55

显然，并没有把 this 赋值给 self

不知要如何处理，才能让第三方JS库中有类似如上代码的库能正常引入到微信小程序的JS文件代码中。

10 回复

gang791 楼6 年前

没有全局对象

self和window都是undefined

jie272 楼6 年前

这里有小程序引入underscore.js的解决方案 http://www.jb51.net/article/93601.htm

zenggang3 楼6 年前

/** */

console.log('### this: ', this);

( function (a) {

'use strict';

console.log('*** self in fetch.js: ', a)

if (a.fetch) {

return

}

})(this);

/**/

还真是这样子：

### this: undefined

index.js? [sm]:7 *** self in fetch.js: undefined

index.js? [sm]:8 Uncaught TypeError: Cannot read property 'fetch' of undefined

at index.js? [sm]:8

at index.js? [sm]:5

at require (WAService.js:11)

at appservice:55

xiena4 楼6 年前

我试下Underscore.js 1.8.3，“小程序引入underscore.js的解决方案 http://www.jb51.net/article/93601.htm”

问题无法解决，还不到方案上所说的代码行即出错：

// Underscore.js 1.8.3

// http://underscorejs.org

// Underscore may be freely distributed under the MIT license.

(function() {

// Baseline setup

// --------------

// Establish the root object, `window` in the browser, or `exports` on the server.

var root = this;

// Save the previous value of the `_` variable.

var previousUnderscore = root._;

因为没有this，所以上面最后一行会出错：

thirdScriptError

Cannot read property '_' of undefined;at pages/index page lifeCycleMethod onLoad function

TypeError: Cannot read property '_' of undefined

at http://127.0.0.1:9973/appservice/utils/underscore.js:19:32

nakang5 楼6 年前

真的要哭了。

tao476 楼6 年前

抱歉他这方法有问题，我刚自己试了下，你把 var root = this; var previousUnderscore = root._; 这两句注释掉就行了

然后

var _ = require(‘…/…/underscore/underscore.js’);

var obj = {name: ‘wyuye’, age: 18};

console.log(_.keys(obj));

试了个方法可以用

fma7 楼6 年前

微信小程序框架为什么不提供全局对象呢？大家如何处理我这类问题呢？

heping8 楼6 年前

我发现很多第三方的JS库都无法引入，像Underscore.js，求大侠们指点：

如引入window.fetch polyfill就会出现如下的问题，就是上面大侠说的没有全局对象导致：

var fetch = require('../utils/fetch.js');

WAService.js:11 Uncaught TypeError: Cannot read property 'fetch' of undefined

at fetch.js? [sm]:4

at fetch.js? [sm]:1

at require (WAService.js:11)

at WAService.js:11

at index.js? [sm]:6

at require (WAService.js:11)

at appservice:55

min609 楼6 年前

谢谢了，我实际的问题是引入MongoDB-stitch-client出现问题，看看大侠是否有兴趣帮我看看其源代码怎么改下就能用了？

最小化了stitch JS库文件下载：https://s3.amazonaws.com/stitch-sdks/js/library/stable/stitch.min.js

没有最小化的stitch JS库文件下载：https://s3.amazonaws.com/stitch-sdks/js/library/stable/stitch.js

zhongxiulan10 楼5 年前

兄弟我测试过来是觉得不是没有把this赋值给给self，而是小程序中没有全局对象，所以this就是undefined