Question

我正在使用带打字稿支持的vue cli 3。实际上，我正在尝试使用vuejs创建Web组件。

main.ts

import Vue from 'vue';
import './plugins/vuetify';
import App from './App.vue';
import router from './router';
import store from './store';
import wrap from '@vue/web-component-wrapper';

import RoleManagement from './views/role-management/RoleManagement.vue';

const CustomElement = wrap(Vue, RoleManagement);
window.customElements.define('custom-component', CustomElement);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app');

创建Web组件的命令如下

vue-cli-service build --target wc --name自定义组件./src/main.ts

出现此错误后，

无法找到模块'@ vue / cli-plugin-babel'

Answer 1

使用v3.1.2解决此问题，但是当我降级到v3.1.0（并警告不再维护该版本）时，它可以临时解决。这可能是您遇到问题的可能性

Answer 2

直接调用vue-cli-service时似乎无法运行。通过 npm脚本调用，可以通过某种方式解决方法。

为什么不尝试设置

scripts: {
   build: "vue-cli-service build"
}

在您的package.json中，然后尝试使用

npm run build --target wc --name custom-component ./src/main.ts

Vue CLI 3-找不到模块'@ vue / cli-plugin-babel'

2 个答案: