模块构建失败（来自 ./node_modules/babel-loader/lib/index.js）Vue Js

Posted 2023-02-22

【中文标题】模块构建失败（来自 ./node_modules/babel-loader/lib/index.js）Vue Js

【英文标题】：Module build failed (from ./node_modules/babel-loader/lib/index.js) Vue Js

【发布时间】：2020-07-01 02:44:57

【问题描述】：

我从 GitHub 下载了一个我和我的朋友正在研究的项目，但是当我尝试运行时

npm run serve

我收到了这个错误

./src/main.js 中的错误

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main resolved in /home/haider/Desktop/L7G/node_modules/@babel/helper-compilation-targets/package.json
    at applyExports (internal/modules/cjs/loader.js:524:9)
    at resolveExports (internal/modules/cjs/loader.js:541:12)
    at Function.Module._findPath (internal/modules/cjs/loader.js:661:22)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:963:27)
    at Function.Module._load (internal/modules/cjs/loader.js:859:27)
    at Module.require (internal/modules/cjs/loader.js:1036:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (/home/haider/Desktop/L7G/node_modules/@babel/preset-env/lib/debug.js:8:33)
    at Module._compile (internal/modules/cjs/loader.js:1147:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1167:10)
    at Module.load (internal/modules/cjs/loader.js:996:32)
    at Function.Module._load (internal/modules/cjs/loader.js:896:14)
    at Module.require (internal/modules/cjs/loader.js:1036:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (/home/haider/Desktop/L7G/node_modules/@babel/preset-env/lib/index.js:11:14)
    at Module._compile (internal/modules/cjs/loader.js:1147:30)

 @ multi (webpack)-dev-server/client?http://192.168.0.109:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

main.js 的内容：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import BootstrapVue from 'bootstrap-vue'
import  ValidationProvider, extend  from 'vee-validate';

// import 'bootstrap/dist/css/bootstrap.css'
// import 'bootstrap-vue/dist/bootstrap-vue.css'


Vue.config.productionTip = false
Vue.prototype.$form = false;
Vue.prototype.$sidebarShow = false;

Vue.use(BootstrapVue)
// Add a rule.
extend('secret', 
  validate: value => value === 'example',
  message: 'This is not the magic word'
);

// Register it globally
Vue.component('ValidationProvider', ValidationProvider);
// Vue.component('ValidationProvider', ValidationProvider);


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

这是我正在使用的工具： 节点 v13.10.1 npm v6.14.2 @vue/cli 4.2.3 操作系统 Manjaro Linux

这是我试图解决的问题： 重新安装节点模块 重新安装 Node.js 使用不同的 node.js 版本 - v12.16.1 使用不同版本的vue

谁能帮忙？？

【问题讨论】：

main.js 中有什么不对吗？

我刚刚更新了问题并添加了main.js的内容

【参考方案1】：

我通过从项目中删除 node_modules 文件夹和 package-lock.json 然后运行解决了这个问题

npm install

这解决了问题:)

【讨论】：

经典解决方案永不消亡?

我怀疑这可能是由于 node/npm 升级。我刚刚在一个我几个月没有接触过的项目中突然看到了这种情况。然后我记得我最近将节点从 12.x.x 升级到了 13.x.x。