diff --git a/src/pages/demo/components/icon/components/d2-icon-cell.vue b/src/pages/demo/components/icon/components/d2-icon-cell.vue
index b4a13f63..68a8cea0 100644
--- a/src/pages/demo/components/icon/components/d2-icon-cell.vue
+++ b/src/pages/demo/components/icon/components/d2-icon-cell.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import clipboard from 'clipboard-polyfill'
+import  * as clipboard from 'clipboard-polyfill'
 export default {
   props: {
     icon: {
diff --git a/src/pages/demo/filters/day/components/code-and-result.vue b/src/pages/demo/filters/day/components/code-and-result.vue
index b3c1fb50..e44d8e33 100644
--- a/src/pages/demo/filters/day/components/code-and-result.vue
+++ b/src/pages/demo/filters/day/components/code-and-result.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import clipboard from 'clipboard-polyfill'
+import  * as clipboard from 'clipboard-polyfill'
 export default {
   props: {
     label: {
diff --git a/src/pages/demo/plugins/clipboard-polyfill/index.vue b/src/pages/demo/plugins/clipboard-polyfill/index.vue
index 531d3a26..d5f57e88 100644
--- a/src/pages/demo/plugins/clipboard-polyfill/index.vue
+++ b/src/pages/demo/plugins/clipboard-polyfill/index.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script>
-import clipboard from 'clipboard-polyfill'
+import  * as clipboard from 'clipboard-polyfill'
 export default {
   data () {
     return {