Question

我已经将Vue组件库导出为库。但是尝试导入它不起作用。我收到错误Cannot read property extend of undefined。

它发生在尝试导出Vuetify可着色的行上。因此，解决此问题的一种方法可能是在不使用Vuetify的情况下将其导出，并以某种方式将其用作依赖项。

我不能将其导出为npm模块，因此不建议这样做。

我的构建脚本：

"build-bundle": "vue-cli-service build --target lib --name test-component-library src/index2.js",

我的index2.js：

import TestComponent from './components/TestComponent/TestComponent' // Expansionheader
const FirstLibrary = {
    install (Vue) {
        Vue.component('test-component', TestComponent);
    }
};

// Automatic installation if Vue has been added to the global scope.
if (typeof window !== 'undefined' && window.Vue) {
    window.Vue.use(FirstLibrary)
}

export default FirstLibrary;

导入位于index.html中，例如：

<script src="test-component-library.umd.js"></script>

我尝试使用common和umd构建文件。他们两个都给出错误。谁能帮我解决这个问题？还是知道不使用Vuetify导出库的方法？

提前谢谢

无法从Javascript文件导入Vue库

0 个答案: