diff --git a/src/components/RenderCropper/index.vue b/src/components/RenderCropper/index.vue
index de618bb..de08628 100644
--- a/src/components/RenderCropper/index.vue
+++ b/src/components/RenderCropper/index.vue
@@ -80,8 +80,15 @@
   </div>
 </template>
 <script>
-// import Cropper from 'cropperjs'
-
+import Cropper from 'cropperjs'
+// import {
+//   CropperCanvas,
+//   CropperImage,
+//   CropperShade,
+//   CropperHandle,
+//   CropperSelection,
+//   CropperViewer
+// } from 'vue-cropper'
 export default {
   name: 'index',
   data() {
@@ -119,7 +126,14 @@ export default {
       deep: true
     }
   },
-  components: {},
+  components: {
+    // CropperCanvas,
+    // CropperImage,
+    // CropperShade,
+    // CropperHandle,
+    // CropperSelection,
+    // CropperViewer
+  },
   filters: {},
   methods: {
     handleRemove() {
@@ -129,9 +143,9 @@ export default {
       this.file = file
       this.fileList = []
       this.visible = true
-      // setTimeout(() => {
-      //   this.cropper = new Cropper('#image', {})
-      // }, 300)
+      setTimeout(() => {
+        this.cropper = new Cropper('#image', {})
+      }, 300)
     },
     confirm() {
       this.$refs.selection.$toCanvas().then(canvas => {