CS UI SDK add.hello.command - how to make it working?

dluo

I have a problem to get it working with the example: add.hello.command.

I have done below steps:

1. Deployed a OScript module "greetings" with csui extension enabled and fModulePrefix = 'greet'
2. Created a new project with 'yo csui-extension' with default names
3. Copied the folders and contents of commands/add.hello from sdk into the project src folder
4. Updated greet-extensions.json and bundles/greet-all.js to include "greet/commands/add.hello/add.hello.command"
5. Run Grunt to build the project
6. Copied the contents of output-debug to support\greetings\ folder
7. Restarted the service

Now, when I launch smart view, I found below error in console:

GET http://localhost/img/greetings/commands/add.hello/add.hello.command.js error 404 (not found)

Please help to check what I have missed? Thanks. I am using generator-csui-extension-22.4.

dluo

Update:

In step 1, I fixed a mistake by changing to orphan from CSUI:CSUIExtension to orphan from CSUI:Extension. It resolved the above error. It came with an new error: failed to find http://localhost/img/greetings/bundles/greet-all.css.

I did not find this css file in project, then manually added a empty css file into the folder.

After that, there is no more error in console, but the new command did not appear in UI.

Please advise. Thank you.