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 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的地方,一般是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"',
})

1
2
3
4
5
6
7
8
9

• 修改后

'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"',
})

1
2
3
4
5
6
7
8
9
10

• 注意是更改所有引入webpack-merge的地方

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

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

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