文前推荐一下👉前端必备工具推荐网站(图床、API和ChatAI、智能AI简历、AI思维导图神器等实用工具):
站点入口:http://luckycola.com.cn/
图床:https://luckycola.com.cn/public/dist/#/imghub
多种API:https://luckycola.com.cn/public/dist/#/
ChatAI:https://luckycola.com.cn/public/dist/#/chatAi
AI思维导图神器:https://luckycola.com.cn/public/dist/#/aiQStore/aiMindPage

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)项目中更新所有依赖,项目中更新指定依赖,更新某个依赖到最新/某个版本)


Logo

前往低代码交流专区

更多推荐