如何在Requirejs中使用Vue.js？

Question

我使用vue-cli生成了示例Vue.js項目並構建了它

vue build --target lib --name myWidget src/main.js 

我必須使用Requirejs來加載它：

    <script>
        requirejs.config({
            paths: {
                "Vue": "https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue",
                "myWidget": "https://codematic.tech/yamaWidget.umd",
            }
        });
    </script>

    <script>
        require(["Vue"], function (Vue) {
            console.log('Vue loaded');
            require(["myWidget"], function (widget) {
                console.log('Widget loaded');
            });
        });
    </script>

看起來它應該工作，但我有一個錯誤：

TypeError: Cannot read property 'config' of undefined

哪個指向

Vue.config.productionTip = false

在源代碼中。 我設法通過添加Vue = window.Vue;來修復它Vue = window.Vue; 在Vue的main.js文件和window.Vue = Vue <script>標簽中的Vue ，在需要Vue 。 庫正在加載，安裝在#app 。 看起來很奇怪，但工作正常。

問題是當我在Vue的main.js文件中導入某些內容時。 例如， import Snotify from 'vue-snotify'; 給我一個錯誤如下：

Cannot read property 'extend' of undefined

這導致我排隊：

var script = external_commonjs_vue_commonjs2_vue_root_Vue_default.a.extend({

順便說一下 - 當我直接通過<script>標簽加載Vue.js和myWidget.umd.js時，一切正常！

Answer 1

解決了。 問題是外部庫vue-snotify導致了這個問題。