diff --git a/packages/omi-cli/template/app-ts/src/image.d.ts b/packages/omi-cli/template/app-ts/src/image.d.ts
new file mode 100644
index 000000000..3f287eaa6
--- /dev/null
+++ b/packages/omi-cli/template/app-ts/src/image.d.ts
@@ -0,0 +1,7 @@
+declare module '*.svg'
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.jpeg'
+declare module '*.gif'
+declare module '*.bmp'
+declare module '*.tiff'
diff --git a/packages/omi-cli/template/app-ts/src/index.tsx b/packages/omi-cli/template/app-ts/src/index.tsx
index 72d46fb37..5bd227e67 100644
--- a/packages/omi-cli/template/app-ts/src/index.tsx
+++ b/packages/omi-cli/template/app-ts/src/index.tsx
@@ -1,6 +1,8 @@
 import { tag, WeElement, render, h } from 'omi'
 import './hello-omi';
 
+import * as logo from './omi.png';
+
 interface AbcEvent extends Event {
     detail: {
         name: string;
@@ -47,6 +49,7 @@ class MyApp extends WeElement<MyAppProps, MyAppData> {
     render() {
         return (
             <div>
+                <img src={logo} />
                 Hello {this.props.name} {this.data.abc}
                 <hello-omi onAbc={this.onAbc} prop-from-parent={this.data.passToChild} msg="Omi"></hello-omi>
             </div>
diff --git a/packages/omi-cli/template/app-ts/src/omi.png b/packages/omi-cli/template/app-ts/src/omi.png
new file mode 100755
index 000000000..e5e2e85e1
Binary files /dev/null and b/packages/omi-cli/template/app-ts/src/omi.png differ