diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index 78d07b3e..b07549fb 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -86,10 +86,10 @@ import store from '../utils/store'
 import frequently from '../utils/frequently'
 import { deepMerge, measureScrollbar } from '../utils'
 import { PickerProps } from '../utils/shared-props'
-import Anchors from './anchors'
-import Category from './category'
-import Preview from './preview'
-import Search from './search'
+import Anchors from './anchors.vue'
+import Category from './category.vue'
+import Preview from './preview.vue'
+import Search from './search.vue'
 
 const I18N = {
   search: 'Search',
diff --git a/src/components/VirtualScrollPicker.vue b/src/components/VirtualScrollPicker.vue
index eae6ae9f..81416451 100644
--- a/src/components/VirtualScrollPicker.vue
+++ b/src/components/VirtualScrollPicker.vue
@@ -100,10 +100,10 @@ import store from '../utils/store'
 import frequently from '../utils/frequently'
 import { deepMerge, measureScrollbar } from '../utils'
 import { PickerProps } from '../utils/shared-props'
-import Anchors from './anchors'
-import Category from './category'
-import Preview from './preview'
-import Search from './search'
+import Anchors from './anchors.vue'
+import Category from './category.vue'
+import Preview from './preview.vue'
+import Search from './search.vue'
 
 /*
  * Note about `buffer` setting for DynamicScroller: this is a
diff --git a/src/components/category.vue b/src/components/category.vue
index 9c5e26c2..82a0c982 100644
--- a/src/components/category.vue
+++ b/src/components/category.vue
@@ -35,7 +35,7 @@
 <script>
 
 import { EmojiView } from '../utils/emoji-data'
-import Emoji from './Emoji'
+import Emoji from './Emoji.vue'
 
 
 export default {
diff --git a/src/components/index.js b/src/components/index.js
index 34ace13b..9fe5af8d 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,7 +1,7 @@
-export { default as Anchors } from './anchors'
-export { default as Category } from './category'
-export { default as Preview } from './preview'
-export { default as Search } from './search'
-export { default as Skins } from './skins'
-export { default as Emoji } from './Emoji'
-export { default as Picker } from './Picker'
+export { default as Anchors } from './anchors.vue'
+export { default as Category } from './category.vue'
+export { default as Preview } from './preview.vue'
+export { default as Search } from './search.vue'
+export { default as Skins } from './skins.vue'
+export { default as Emoji } from './Emoji.vue'
+export { default as Picker } from './Picker.vue'
diff --git a/src/components/preview.vue b/src/components/preview.vue
index 8398562d..1ae8d893 100644
--- a/src/components/preview.vue
+++ b/src/components/preview.vue
@@ -48,8 +48,8 @@
 
 <script>
 
-import Emoji from './Emoji'
-import Skins from './skins'
+import Emoji from './Emoji.vue'
+import Skins from './skins.vue'
 
 export default {
   props: {