Vue cli 3-找不到模块@vue/cli-‘

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构建-目标wc -名称自定义组件./src/main.ts

在这件事发生后，

找不到模块@vue/cli-plugin‘

Answer 1

用v3.1.2来面对这个问题，但是当我降级到v3.1.0 (警告这个版本不再被维护)时，临时工作around.This可能会出现问题。

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