Vue cli 3 - 找不到模块“@vue/cli-plugin-babel”

Man*_*kar 7 web-component typescript babeljs vue-cli-3

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

主文件

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');
Run Code Online (Sandbox Code Playgroud)

创建web组件的命令如下,

vue-cli-service build --target wc --name custom-component ./src/main.ts

在出现这个错误后,

找不到模块“@vue/cli-plugin-babel”

小智 1

在 v3.1.2 中遇到这个问题,但当我降级到 v3.1.0 时它可以工作(警告该版本不再维护),这是一个临时解决方法。这可能是您问题的可能性