当前位置: 代码迷 >> 综合 >> 普歌-码上鸿鹄:npm run dev启动项目报错module.exports = merge(prodEnv, {TypeError: merge is not a function....
  详细解决方案

普歌-码上鸿鹄:npm run dev启动项目报错module.exports = merge(prodEnv, {TypeError: merge is not a function....

热度:37   发布时间:2024-02-19 13:44:08.0

npm run dev启动项目报错【module.exports = merge(prodEnv, {TypeError: merge is not a function TypeError: merge is not a function at Object. (H:\xxx\vue-admin-1010\config\dev.env.js:5:18)】

前言:我的是用vue-element-admin时出现了这个错误,出现这种报错就是webpack-merge这个版本的问题,admin中的原始版本是4.1.4,我升级了一下所有依赖,就出现了这个问题,不会升级的可以看看我的这篇文章项目中更新所有依赖,项目中更新指定依赖,更新某个依赖到最新/某个版本

webpack-merge

  • 下图是项目报错图
  • 示意图:

解决方案

  • 找到项目中引入webpack-merge的地方,一般是config下的或者是build文件里用到的
  • 下面代码是修改前
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')module.exports = merge(prodEnv, {
    NODE_ENV: '"development"',BASE_API: '"http://xxxxxx.com"',
})
  • 修改后
'use strict'
//新版本用解构出来merge模块,已经不能直接merge,因为依赖的源文件暴露方式也变了
const {
    merge}= require('webpack-merge')
const prodEnv = require('./prod.env')module.exports = merge(prodEnv, {
    NODE_ENV: '"development"',BASE_API: '"http://xxxxxx.com"',
})
  • 注意是更改所有引入webpack-merge的地方

此篇完结撒花,感谢三连~~~

更多推荐:wantLG的《普歌-码上鸿鹄团队:(npm)项目中更新所有依赖,项目中更新指定依赖,更新某个依赖到最新/某个版本)》


  • 作者:wantLG
  • 本文源自:wantLG的《普歌-码上鸿鹄:npm run dev启动项目报错module.exports = merge(prodEnv, {TypeError: merge is not a function…》
  • 本文版权归作者和CSDN共有,欢迎转载,且在文章页面明显位置给出原文链接,未经作者同意必须保留此段声明,否则保留追究法律责任的权利。
  相关解决方案