首頁猿問如果其他的JS文件互相依賴怎么使用...

如果其他的JS文件互相依賴怎么使用require？

JavaScript

慕工程0101907 2018-10-03 09:18:57

項目中使用了photoClip.js依賴于iscroll-zoom.js（v5.1.3）,然后自己寫的函數(shù)調(diào)用了photoClip.js中的方法；我的項目中使用了下面的代碼，然后在控制臺報：IScroll is not a constructor，查找到photoClip中對iscroll實例化引起的這個錯誤，想咨詢下什么原因引起的？2017.1.14 根據(jù)幾個同學(xué)的回答修改了path和依賴的名字，但是還是報那個錯，不知道那里的問題，下面代碼已更新2017.1.17 由于自身學(xué)習(xí)能力不夠，本來能夠去github找答案的貿(mào)貿(mào)然在segmentfault提問了，現(xiàn)在下面提供了解決辦法，自省己身：多讀文檔、多讀文檔、多讀文檔。

查看完整描述

1 回答

SMILET

TA貢獻1796條經(jīng)驗獲得超4個贊

由于這個錯誤是在photoClip依賴iscroll的問題引起的，所有在github上找到了photoClip的文檔找到的解決辦法：

require.config({    paths: {        'iscroll-zoom': 'js/iscroll-zoom',        'hammer': 'js/hammer.min',       
 'lrz': 'js/lrz.all.bundle',        'PhotoClip': 'js/PhotoClip'
    },    shim: {        'iscroll-zoom': {            exports: 'IScroll'
        }
    }
});require(['PhotoClip'], function(PhotoClip) {    new PhotoClip('#clipArea');
});

在path參數(shù)中，設(shè)置了模塊名稱(可以隨意指定)，在shim參數(shù)中，exports是輸出的變量名，表明這個模塊外部調(diào)用時的名稱

反對回復(fù) 2018-11-11