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

Posted 2023-03-22

【中文标题】Vue cli 3 - 找不到模块\'@vue/cli-plugin-babel\'

【英文标题】：Vue cli 3 - Cannot find module '@vue/cli-plugin-babel'Vue cli 3 - 找不到模块'@vue/cli-plugin-babel'

【发布时间】：2019-06-12 09:29:03

【问题描述】：

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

ma​​in.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 custom-component ./src/main.ts

出现此错误后，

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

【问题讨论】：

检查你的 package.json 文件中的包“@vue/cli-plugin-babel”。如果不存在，请安装并重试。

它已经在那里了...

你解决了吗？

这个问题似乎再次出现。奇怪的是，在 babel 配置中它想要@vue/cli-pluginS-babel/preset，重点是 S，因为包名没有 S。不知道这是否与它有任何关系..

现在是 2021 年 9 月，我仍然偶然发现这个问题，尽管我记得它曾经在这台计算机上工作过（使用不同的更新版本）。正如@Nickvda 提到的，我确实有同样的问题，但没有大写的 S。如今，我的版本是 @vue/cli-plugin-babel ^3.12.1

【参考方案1】：

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

【讨论】：

如果项目是使用命令'vue create my-project'创建的，它不起作用。

【参考方案2】：

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

你为什么不尝试设置

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

在您的package.json 中，稍后再尝试

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

【讨论】：

这个答案对我来说听起来很弱。我根本没有任何 *.ts 脚本。无论如何，“尝试设置”首先由 vue 创建项目设置自动完成。为我回答降级。