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

Question

我从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')

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

以下是我尝试解决问题时采用的方法： 重新安装Node模块 重新安装Node.js 尝试使用不同版本的Node.js - v12.16.1 尝试使用不同版本的Vue

有人能帮忙吗？

- Computer Mind

---

main.js 里有什么不对的地方吗？ - Jaromanda X

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

Answer 1

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

npm install

这解决了问题 :)

- Computer Mind

---

经典解决方案永不过时。 - Phil

我猜这可能是节点/ npm 升级所致。我突然看到这种情况发生在一个我几个月没有碰过的项目上。我想起我最近已将 Node 从 12.x.x 升级到了 13.x.x。 - tromgy