Vue UI lib missing vue bug_bootstrap Vue UI lib missing vue bug



Vue UI lib missing vue bug

Error

Uncaught TypeError: Cannot read property 'prototype' of undefined
    at Object.5924 (dom.js:19)
    at __webpack_require__ (bootstrap:19)
    at Object.4b26 (popup-manager.js:9)
    at __webpack_require__ (bootstrap:19)
    at Object.5128 (index.js:14)
    at __webpack_require__ (bootstrap:19)
    at Object.e974 (vue-popper.js:9)
    at __webpack_require__ (bootstrap:19)
    at Object.<anonymous> (select.js:207)
    at __webpack_require__ (select.js:21)
demo.html:9 Uncaught ReferenceError: dui is not defined
    at demo.html:9


Vue UI lib missing vue bug_bootstrap

Vue UI lib missing vue bug_bug_03

<meta charset="utf-8">
<title>dui demo</title>
<script src="./gui.umd.js"></script>

<link rel="stylesheet" href="./gui.css">


<script>
console.log(gui)
</script>



OK

cdn 导入 vue


<meta charset="utf-8">
<title>dui demo</title>

<div id="vue_app">
<h1>title: {{title}}</h1>
<h2>website: {{site}}</h2>
<h2>url: {{url}}</h2>
<h2>{{details()}}</h2>
<section>
<dui-hello :msg="author"></dui-hello>
<dui-message :msg="msg"></dui-message>
<br />
<Hello :msg="author"></Hello>
<Message :msg="msg"></Message>
</section>
</div>

<script src="https://vue.xgqfrms.xyz/libs/2.x/2.5.16/vue.min.js"></script>
<script src="./gui.umd.js"></script>

<link rel="stylesheet" href="./gui.css">


<script>
console.log(`gui =`, gui);
console.log(`gui.default[0] =`, gui, gui.default[0]);
console.log(`gui.default[1] =`, gui, gui.default[1]);
// import
// import Hello from './hello';
// import Message from './message';
var vm = new Vue({
el: '#vue_app',
// vm === data
data: {
title: "Vue 2.x Tutorials",
url: "vue.xgqfrms.xyz",
site: "https://vue.xgqfrms.xyz",
alexa: "100",
msg: "vue ui lib ????",
author: "xgqfrms",
    },
methods: {
details() {
const site = this.site;
return  `${site} 学的不仅是技术，更是梦想！`;
      },
    },
component: {
// dui 模块，引用方式
Hello: gui.default[0],
Message: gui.default[1],
    },
  });

vm.site = "https://vue.xgqfrms.xyz";
setTimeout(() => {
let div = document.querySelector("#vue_app");
div.style.display = "block";
  }, 0);
</script>


Vue UI lib missing vue bug_CDN_04