当avalonUI成为项目的一部分,项目又必须使用require,avalonUI的模块引用就会报错。

发布于 2022-09-01 12:59:36 字数 1475 浏览 15 评论 0

图片描述
目录结构
file里面是avalonUI的组件

图片描述
不管是去除amd,或者不去除amd,都是导致avalon.datepicker.js的依赖报错。
就算把avalon.datepicker.js源码中的路径修改过后,发现多了text.js和css.js这两个不知道那里来的依赖。
将全部路径都修改感觉有点不太现实,如果用要使用的别的UI控件怎么办?

datepicker/index.html代码
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>datepicker</title>
    <script data-main="../../main/datepicker" defer async="true" type="text/javascript" src="../../bower_components/requirejs/require.js"></script>
</head>
<body>
    <div ms-controller="demo">
        <input ms-widget="datepicker"/>
        <div ms-text="name"></div>
    </div>
</body>
</html>
main/datepicker.js代码
require.config({
    paths:{
        'avalon':'../bower_components/avalon/avalon.shim',
        'datepickers':'../file/datepicker/avalon.datepicker'
    }
})
require(['../demo/datepicker/app/datepicker_demo'],function(){

})
demo/app/datepicker.js代码
define(['avalon','datepickers'],function(){
    avalon.ready(function(){
        avalon.define({
            $id : 'demo',
            name:'zhoujingwen'
        })
       avalon.scan()
    });
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

千仐 2022-09-08 12:59:36

好像avalon自带amd加载器,而且还自带text!和css!这两个加载器插件

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文