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'
    }
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Tinywan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值