Animate CC Canvas项目：JS随机添加库中MC报错求助

嘿，这个Uncaught TypeError: Cannot read property 'card1' of undefined错误我太熟悉了——本质就是你想访问的那个包含影片剪辑的对象压根没找到，或者你的引用方式不对。下面给你一步步拆解排查和解决的思路：

1. 先确认Animate的全局命名空间是否正确 #

在Canvas模式下，Animate会把所有设置了Linkage的库元素打包到一个全局对象里，默认是lib（你可以在发布设置里改，但99%的项目都是用默认的）。你得先确认这个lib对象是存在的：

• 打开浏览器控制台，输入console.log(lib)，如果输出undefined，那问题就出在这：
  • 检查你的HTML文件里有没有正确引入Animate生成的JS文件（就是和你的HTML同目录、和项目同名的那个.js文件），这个文件里定义了lib对象。
  • 确保你的自定义代码是在这个JS文件加载完成后再执行的——比如把代码放到window.onload事件里，或者直接贴到Animate生成的JS文件末尾（别破坏原有的代码结构）。

2. 核对影片剪辑的Linkage设置，别踩大小写坑 #

再仔细检查库中每个影片剪辑的Linkage配置：

• 右键库中的MC，选属性，在高级面板里，必须勾选为ActionScript导出，然后确认类的名称是card1、card2这类你要调用的名字（划重点：JS是大小写敏感的！如果你代码里写的是lib.Card1但实际类名是小写的card1，肯定会报错）。
• 一定要勾选在第一帧导出，不然这个MC不会被打包到生成的JS文件里，自然找不到。

3. 正确的随机调用代码示例 #

假设lib对象没问题，Linkage也配置正确，那可以这样写随机添加的代码：

// 先把所有卡片的Linkage名称存到数组里
const cardList = ['card1', 'card2', 'card3'];
// 生成随机索引
const randomIdx = Math.floor(Math.random() * cardList.length);
// 动态获取对应的MC构造函数
const RandomCard = lib[cardList[randomIdx]];
// 创建MC实例
const newCard = new RandomCard();
// 添加到舞台（注意：如果stage不行，试试exportRoot，取决于你的发布设置）
stage.addChild(newCard);
// 给卡片设置个位置，不然可能看不到
newCard.x = 150;
newCard.y = 200;

用lib[cardList[randomIdx]]这种动态属性访问的方式，比硬写lib.card1更灵活，也能避免拼写错误。

4. 确认舞台容器对象是否有效 #

有时候stage对象可能不是正确的容器，Animate Canvas项目里，舞台容器也可能是exportRoot。你可以在控制台打印console.log(stage)和console.log(exportRoot)，看看哪个是有效的容器对象，然后用它来调用addChild()。

5. 快速调试小技巧 #

• 在控制台直接输入lib.card1，如果返回一个function，说明这个MC的构造函数存在；如果返回undefined，那肯定是Linkage或者命名空间的问题。
• 打开浏览器的网络面板，看看Animate生成的JS文件有没有成功加载，有没有404错误——如果文件没加载，lib自然不存在。

内容的提问来源于stack exchange，提问作者Ole Frehr