小编Osk*_*ski的帖子

无法导入由vue-cli-service构建的Vue组件

我在Vue中很新,也许我的问题很琐碎。

我要做的是:

我想创建一个Vue组件,可以将其放入NPM专用存储库中,然后使用bundle.js文件之类的东西将其导入其他项目中

TLDR:

无法通过vue-cli-service build --target lib / wc导入vue组件构建。导入组件我有silimar"export 'HelloWorld' was not found in '../node_modules/hello-world'

长版:

我已尽可能地提出问题和项目。所有项目均由vue-cli构建,没有任何其他更改。

    1. 创建新的默认项目 vue create hello-world
    1. 默认情况下,我们在这里有第一个组件- src/component/HelloWorld,对于本示例,这是我们要导出的组件
    1. 使用vue-cli-service尝试制作可导出文件。
  • 3a。vue-cli-service build --target lib --name vue-test ./src/components/index.jsindex.js在哪里

    import Vue from 'vue';
    import HelloWorld from './HelloWorld.vue';
    
    const Components = {
        HelloWorld,
    };
    
    Object.keys(Components).forEach((name) => {
        Vue.component(name, Components[name]);
    });
    
    export default Components;
    
    Run Code Online (Sandbox Code Playgroud)
  • 3b。或直接查看文件vue-cli-service build --target wc --name vue-test 'src/components/HelloWorld.vue'

在两种情况下都会将vue-cli-service我的文件生成到/dist文件夹中,我想相信此文件是正确的

在两种情况下,我都无法使用import {HelloWorld} from 'path/to/folder/or/file';将组件导入到另一个vue项目 …

web-component vue.js vuejs2 lib vue-cli

10
推荐指数
1
解决办法
1023
查看次数

标签 统计

lib ×1

vue-cli ×1

vue.js ×1

vuejs2 ×1

web-component ×1