diff --git a/packages/artplayer/examples/react/Artplayer.js b/packages/artplayer/examples/react/Artplayer.js
index abb4104f7..6116d059a 100644
--- a/packages/artplayer/examples/react/Artplayer.js
+++ b/packages/artplayer/examples/react/Artplayer.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import Artplayer from '../../';
+import Artplayer from 'artplayer';
 
 export default class ArtplayerReact extends React.Component {
     constructor(props) {
diff --git a/packages/artplayer/examples/vue/Artplayer.vue b/packages/artplayer/examples/vue/Artplayer.vue
index b5068266f..0e8dc5217 100644
--- a/packages/artplayer/examples/vue/Artplayer.vue
+++ b/packages/artplayer/examples/vue/Artplayer.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import Artplayer from '../../';
+import Artplayer from 'artplayer';
 
 export default {
     data() {
diff --git a/packages/artplayer/package.json b/packages/artplayer/package.json
index 6781a8253..204fb1227 100644
--- a/packages/artplayer/package.json
+++ b/packages/artplayer/package.json
@@ -1,6 +1,6 @@
 {
     "name": "artplayer",
-    "version": "4.2.6",
+    "version": "4.2.7",
     "expose": "Artplayer",
     "description": "ArtPlayer.js is a modern and full featured HTML5 video player",
     "main": "dist/artplayer.js",