JavaScript 從入門到放棄(二)模塊化工具requirejs


入門教程:

1、JS模塊化工具requirejs教程(一):初識requirejs

2、JS模塊化工具requirejs教程(二):基本知識

描述

這幾天在使用github最活躍的基於bootstrap4 寫的一個開源項目tabler,發現一個文件require.js老是報錯

require.min.js:5 GET https://127.0.0.1/share/index/assets/js/vendors/jquery-3.2.1.min.js net::ERR_ABORTED
require.min.js:5 Uncaught Error: Script error for "jquery"
http://requirejs.org/docs/errors.html#scripterror
    at makeError (require.min.js:5)
    at HTMLScriptElement.onScriptError (require.min.js:5)
makeError @ require.min.js:5
onScriptError @ require.min.js:5
require.min.js:5 Uncaught Error: Load timeout for modules: core,bootstrap
http://requirejs.org/docs/errors.html#timeout
    at makeError (require.min.js:5)
    at l (require.min.js:5)
    at require.min.js:5

很明顯這個請求路徑不是我們想要的請求路徑

錯誤:https://127.0.0.1/share/index/assets/js/vendors/jquery-3.2.1.min.js

正確:https://127.0.0.1/share/assets/js/vendors/jquery-3.2.1.min.js

為什么會多出一個index路徑出來,按照官方來說應該是路徑問題

測試環境:TP5.0.17

靜態文件目錄:

修改前的配置文件

require.config({
    shim: {
        'bootstrap': ['jquery']
    },
    paths: {
        'core': 'assets/js/core',
        'jquery': 'assets/js/vendors/jquery-3.2.1.min'
    }
});  

  修改后的配置文件:

require.config({
    shim: {
        'bootstrap': ['jquery']
    },
    paths: {
        'core': '/share/assets/js/core',
        'jquery': '/share/assets/js/vendors/jquery-3.2.1.min'
    }
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM