3.8.5版本节点下属精灵动态加载图片总是加载不出来

我在3.8.5 版本中新建一个空节点加了一段typescript代码,给节点下属精灵动态加载图片总是加载不上,麻烦大神帮我看下怎么回事?

贴出你的代码

import { _decorator, Component, Sprite, SpriteFrame, resources } from ‘cc’;

const { ccclass, property } = _decorator;

@ccclass(‘DynamicImageLoader’)

export class DynamicImageLoader extends Component {

start() {

    // 动态加载图片资源

    resources.load("test_assets/image/lq", SpriteFrame, (err: Error | null, spf: SpriteFrame) => {

        if (err) {

            console.error('图片加载失败:', err);

            return;

        }

        // 获取当前节点的 Sprite 组件

       

        if (this.node.getComponent(Sprite)) {

            this.node.getComponent(Sprite).spriteFrame= spf;

            console.log('图片加载成功并设置');

        } else {

            console.error('当前节点没有 Sprite 组件');

        }

    });

}

}

test_assets/image/lq/spriteFrame

import { _decorator, Component, Sprite, SpriteFrame, resources } from ‘cc’;

const { ccclass, property } = _decorator;

@ccclass(‘DynamicImageLoader’)

export class DynamicImageLoader extends Component {

start() {

    // 动态加载图片资源

    resources.load("test_assets/image/lq/spriteFrame", SpriteFrame, (err: Error | null, spf: SpriteFrame) => {

        if (err) {

            console.error('图片加载失败:', err);

            return;

        }

        // 获取当前节点的 Sprite 组件

       

        if (this.node.getComponent(Sprite)) {

            this.node.getComponent(Sprite).spriteFrame= spf;

            console.log('图片加载成功并设置');

        } else {

            console.error('当前节点没有 Sprite 组件');

        }

    });

}

}

加了还是报错
20:34:31 [ERROR]: JS: ??? Sprite ??