关于generator-bee生成的KISSY目录中demo执行失败

本文详细介绍了使用Kissy工程构建器bee构建demo时遇到的执行失败问题,包括如何修改dev_index.html文件以解决目录名不匹配问题,调整debug设置以方便测试,以及分析并修正article.js文件中的错误。最终通过移除不存在的runtime模块引用,成功解决了代码执行问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

kissy工程构建器 -bee,最开始我也是用的这个,但是发现生成的demo执行失败,只加载了css,然后js模块并没有加载进来。

一、首先看dev_index.html
这里写图片描述
这里有几个需要注意的地方:

base 是引用文件的路径。

name-demo 实际上并没有这个目录名称,但是没关系,我们就把它看做是自己取的名字,然后给ignorePackageNameUri 设置为 true ,就可以解决这个目录名不对的问题。

debug 为了方便测试,我们将默认选择.min.js 改成选择.js ,只要给这个参数设置为true即可。

二、找到index.js文件

这里写图片描述

这个文件并没存在多大的问题,但是就是执行不成功,又不报错。

那就分析下这段代码的意思,毕竟demo中就是引用的这个文件
首先定义模块名为 index.js,bee-demo/这个是html中name的名字,还必须一致。
然后相应的加载了header和article模块,因为在后面我们需要通过require的方式将这个两个模块的功能引入到这个index.js中来。
定义一个函数包含两个模块中的初始化代码执行,然后通过返回值给这个定义的函数赋值,让这个函数进行来执行整个的代码,这么做的原因是实现模块分离,在html中只需要引用index.js减少http请求。

三、分析下article.js
选择article.js而不选择header.js 是有原因的,因为这个出现问题的坑就在这个文件里面,折腾了我那么久╰_╯。

这里写图片描述

看到我的注释估计也猜到了出问题的是些什么东西。

在generator-bee之后,根本就没有一个模块叫runtime的"kg/xtemplate/3.3.3/runtime"
这个东西根本就没有,更别说后面的

var XTemplate = require("kg/xtemplate/3.3.3/runtime");
var html = new XTemplate(tpl).render({
    title:'this is article',
    content:'render by kg/xtemplate'
});

把这个鬼东西注释后,再执行生成的demo就会发现奇迹,终于ok了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值