diff --git a/public/index.html b/public/index.html
index fcc32c4..6bee234 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,6 +8,12 @@
      <!--在 head 标签中添加 meta 标签，并设置 viewport-fit=cover 值-->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
 
+    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
+    <script src="https://cdn.bootcss.com/vue-router/3.0.6/vue-router.js"></script>
+    <script src="https://cdn.bootcss.com/axios/0.21.1/axios.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.1/lib/theme-chalk/index.css">
+    <script src="https://unpkg.com/element-ui@2.15.1/lib/index.js"></script>
+
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
     <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.min.css">
diff --git a/src/assets/js/bus.js b/src/assets/js/bus.js
index 0948c2e..00d8985 100755
--- a/src/assets/js/bus.js
+++ b/src/assets/js/bus.js
@@ -1,3 +1,3 @@
-import Vue from 'vue';
+// import Vue from 'vue';
 
 export default new Vue();
diff --git a/src/assets/js/mavon-line.js b/src/assets/js/mavon-line.js
index 3f04af2..727705d 100644
--- a/src/assets/js/mavon-line.js
+++ b/src/assets/js/mavon-line.js
@@ -1,6 +1,6 @@
 
 import $ from 'jquery'
-import Vue from 'vue'
+// import Vue from 'vue'
 export const addCodeBtn = _ => {
   //markdown代码存放在pre code 标签对中
   $('pre code').each(function () {
diff --git a/src/icons/index.js b/src/icons/index.js
index 2c6b309..b911176 100644
--- a/src/icons/index.js
+++ b/src/icons/index.js
@@ -1,4 +1,4 @@
-import Vue from 'vue'
+// import Vue from 'vue'
 import SvgIcon from '@/components/SvgIcon'// svg component
 
 // register globally
diff --git a/src/main.js b/src/main.js
index e79d2f5..3d5c3d4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,9 @@
-import Vue from 'vue'
+// import Vue from 'vue'
 
 import 'normalize.css/normalize.css' // A modern alternative to CSS resets
 
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+// import ElementUI from 'element-ui'
+// import 'element-ui/lib/theme-chalk/index.css'
 // import locale from 'element-ui/lib/locale/lang/en' // lang i18n
 
 import '@/styles/index.scss' // global css
@@ -57,7 +57,7 @@ Vue.use(VueTouch, {name:'v-touch'})
 // set ElementUI lang to EN
 // Vue.use(ElementUI, { locale })
 // 如果想要中文版 element-ui，按如下方式声明
-Vue.use(ElementUI)
+// Vue.use(ELEMENT)
 // Vue.use(WeVue)
 
 Vue.use(VueWechatTitle)
@@ -100,6 +100,7 @@ new Vue({
   render: h => h(App),
 })
 import config from '../package.json'
+// import {ElementUIComponent} from "element-ui/types/component";
 console.log(
   `%c jmal-cloud-view %c v${config.version} %c`,
   'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
diff --git a/src/router/index.js b/src/router/index.js
index 371dad2..619eb0d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,7 @@
-import Vue from 'vue'
-import Router from 'vue-router'
+// import Vue from 'vue'
+// import Router from 'vue-router'
 
-Vue.use(Router)
+Vue.use(VueRouter)
 
 /* Layout */
 import Layout from '@/layout'
@@ -325,7 +325,7 @@ export const dynamicRouters = [
   },
 ]
 
-const createRouter = () => new Router({
+const createRouter = () => new VueRouter({
   mode: 'history', // require service support
   // scrollBehavior (to, from, savedPosition) {
   //   if (savedPosition) {
diff --git a/src/store/index.js b/src/store/index.js
index 6be466a..b44ebf1 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,4 +1,4 @@
-import Vue from 'vue'
+// import Vue from 'vue'
 import Vuex from 'vuex'
 import getters from './getters'
 import app from './modules/app'
diff --git a/src/utils/directives.js b/src/utils/directives.js
index 9af22a7..7093a86 100644
--- a/src/utils/directives.js
+++ b/src/utils/directives.js
@@ -1,5 +1,5 @@
 
-import Vue from 'vue'
+// import Vue from 'vue'
 
 // v-draw-rectangle 画矩形选区
 Vue.directive('drawRectangle',{
diff --git a/src/utils/request.js b/src/utils/request.js
index 7b80099..08e03b2 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import { MessageBox, Message } from 'element-ui'
+// import { MessageBox, Message } from 'element-ui'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
 
diff --git a/tests/unit/components/Breadcrumb.spec.js b/tests/unit/components/Breadcrumb.spec.js
index 1d94c8f..fef9f7b 100644
--- a/tests/unit/components/Breadcrumb.spec.js
+++ b/tests/unit/components/Breadcrumb.spec.js
@@ -1,6 +1,6 @@
 import { mount, createLocalVue } from '@vue/test-utils'
-import VueRouter from 'vue-router'
-import ElementUI from 'element-ui'
+// import VueRouter from 'vue-router'
+// import ElementUI from 'element-ui'
 import Breadcrumb from '@/components/Breadcrumb/index.vue'
 
 const localVue = createLocalVue()