Cocos creator 3.3或3.4 代码创建Sprite,预览不显示的解决

作为初学游戏开发的小白,啥都不懂,试着用代码创建一个图片Sprite,结果无论如何预览都不显示,查了官方的文档:

3.4是这样提示的:

start(){
        let node =new Node('box');
        node.setPosition(0,0,-10);
    }

显然,这只是添加了一个节点,节点上并没有内容.于是完善代码如下:

let newnode=new Node("SpriteDemo");  //创建一个新的节点
let sp = newnode.addComponent(Sprite);//给新节点添加一个<Sprite组件>
sp.spriteFrame = this.baoFrame;  // 更改组件的图片为脚本绑定的图片
newnode.parent = this.node;  // 将新节点作为当前节点的子节点
console.log(newnode)

运行结果无论如何都显示不出来,继续百度查资料做了如下的修改:

newnode.setPosition(v3(0,0,-10)) 设置节点的位置 //无效

newnode.getComponent(UITransform).setContentSize(300,100) 设置节点的宽、高 //无效

this.node.addChild(node); //另外一种挂载方式//无效

就这个问题,弄了两天时间,依然是在控制台能显示node节点已经存在,但图片内容怎么样都不显示出来,几欲放弃,结果查找到必须做如下的设置才能显示出来:

let newnode=new Node("SpriteDemo");  //创建一个新的节点
let sp = newnode.addComponent(Sprite);   //给新节点添加一个<Sprite组件>
sp.spriteFrame = this.baoFrame;  // 更改组件的图片
newnode.parent = this.node;  // 将新节点作为当前节点的子节点
newnode.layer = Layers.Enum.UI_2D //这句非常重要,否则无论如何显示不出来
       

至此,问题得到解决.新手之路既慢且长,看看究竟能走多远...