问题:


解决办法:

第一步:升级gulp到4.0

npm install -g gulp-cli
npm install --save-dev gulp@4
查看gulp 版本:
gulp -v

第二步:修改gulpfile.js文件

该文件在项目的根目录

修改后的gulpfile.js
(这里直接复制一下代码,粘贴覆盖gulpfile.js里的类容!)

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();
var path = require('path');
var del  = require('del');var distPath    = path.resolve('./dist');
var version     = ''; // 版本号
var versionPath = ''; // 版本号路径
var env         = process.env.npm_config_qa ? 'qa' : process.env.npm_config_uat ? 'uat' : 'prod'; // 运行环境// 创建版本号(年月日时分)
(function () {var d = new Date();var yy = d.getFullYear();var MM = d.getMonth() + 1 >= 10 ? (d.getMonth() + 1) : '0' + (d.getMonth() + 1);var DD = d.getDate() >= 10 ? d.getDate() : '0' + d.getDate();var h  = d.getHours() >= 10 ? d.getHours() : '0' + d.getHours();var mm = d.getMinutes() >= 10 ? d.getMinutes() : '0' + d.getMinutes();version = yy + MM + DD + h + mm;versionPath = distPath + '/' + version;
})();// 编译
gulp.task('build', $.shell.task([ 'node build/build.js' ]));// 创建版本号目录
gulp.task('create:versionCatalog', function () {return gulp.src(`${distPath}/static/**/*`).pipe(gulp.dest(`${versionPath}/static/`))
});// 替换${versionPath}/static/js/manifest.js window.SITE_CONFIG.cdnUrl占位变量
gulp.task('replace:cdnUrl', function () {return gulp.src(`${versionPath}/static/js/manifest.js`).pipe($.replace(new RegExp(`"${require('./config').build.assetsPublicPath}"`, 'g'), 'window.SITE_CONFIG.cdnUrl + "/"')).pipe(gulp.dest(`${versionPath}/static/js/`))
});// 替换${versionPath}/static/config/index-${env}.js window.SITE_CONFIG['version']配置变量
gulp.task('replace:version', function () {return gulp.src(`${versionPath}/static/config/index-${env}.js`).pipe($.replace(/window.SITE_CONFIG\['version'\] = '.*'/g, `window.SITE_CONFIG['version'] = '${version}'`)).pipe(gulp.dest(`${versionPath}/static/config/`))
});// 合并${versionPath}/static/config/[index-${env}, init].js 至 ${distPath}/config/index.js
gulp.task('concat:config', function () {return gulp.src([`${versionPath}/static/config/index-${env}.js`, `${versionPath}/static/config/init.js`]).pipe($.concat('index.js')).pipe(gulp.dest(`${distPath}/config/`))
});//清除, 编译 / 处理项目中产生的文件
gulp.task('cleanBuild', function () {return del([`${distPath}/static`, `${versionPath}/static/config`])
});
// 清空
gulp.task('clean', function () {return del([versionPath])
});//gulp.series|4.0 依赖
//gulp.parallel|4.0 多个依赖嵌套
gulp.task('default',gulp.series(gulp.series('build','create:versionCatalog','replace:cdnUrl','replace:version','concat:config','cleanBuild')));

第三步:最后编译打包

npm run build

Vue打包时报错:ReferenceError: primordials is not defined相关推荐

  1. vue打包时报错 Error: No PostCSS Config found in 的解决方法

    1.报错 vue 项目打包时报了如下错误:Error: No PostCSS Config found in... 2.解决方法: 没有PostCSS配置,因此需要添加一个 postcss.confi ...

  2. vue打包时报错Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory

    问题描述: vue输入npm run build打包命令时,报错Ineffective mark-compacts near heap limit Allocation failed-JavaScri ...

  3. (问题)vue打包时报错Cannot read property ‘__vueMarkdownOptions__‘ of undefined

    解决办法vue.config.js文件中配置 module.exports = {parallel: false, }; vue cli 官网:是否为 Babel 或 TypeScript 使用 th ...

  4. vue ssr 报错 ReferenceError: window is not defined

    这是因为首先使用node服务端进渲染的,而node端不存在window对象 解决办法如下 : 把需要执行系统对象的代码放到mounted生命周期里,待node服务端渲染完成之后则可以正常使用啦 注:既 ...

  5. Electron-Builder打包时报错could not find: “C:\Users\XX\AppData\Local\Temp\t-bDWVX6\0-messages.nsh“

    Electron-Builder打包时报错could not find: "C:\Users\XX\AppData\Local\Temp\t-bDWVX6\0-messages.nsh&qu ...

  6. uniapp 打包时报错:云端服务器返回错误,此应用DClound的Appdid非当前账号所有。

    打包时报错:云端服务器返回错误,此应用DClound的Appdid非当前账号所有. 解决方案:当前项目创建时跟目前打包的DClound账号不一样,需要重新获取一下. 点击manifest.json = ...

  7. 第三方SDK在maven打包时报错

    引入第三方SDK在打包的时候出现错误该如何处理 在最近的一个项目中引入了第三方的SDK但是在打包却提示找不到jar包因为我是外部引用的具体引用方式如下 这里路径指向对应的jar包即可导入,但是在打包时 ...

  8. 启动vue项目时报错:digital envelope routines::unsupported

    今天把node.js升级到了最新版v18.12.1,启动以前的vue项目时报错:digital envelope routines::unsupported,在网上查询了解决方法,记录下 1.原因: ...

  9. mvn打包springboot项目,打包时报错:子模块找不到找不到父模块所配置的信息,<relativePath /> 所引发的问题

    mvn打包springboot项目,打包时报错:子模块找不到找不到父模块所配置的信息, 所引发的问题 报错信息: [ERROR] The project XXX (/home/×××/pom.xml) ...

最新文章

  1. .NET零基础入门之01:开篇及CSharp程序、解决方案的结构
  2. IDEA 初始配置教程
  3. 你不了解PHP的10件事情
  4. 谷歌表格_如何使用宏自动执行Google表格
  5. 完全相同的4个小矩形如图所示放置_吸睛!矩形在PPT中的创意表现
  6. python字典如何删除数据库,如何从python字典中删除?
  7. Secure DevOps!探真科技2022云原生安全产品发布会圆满落幕
  8. win10 x64中 windbg x64 安装配置符号库
  9. c语言spoc期末考试及答案,MOOC-SPOC测试题(部分答案)(至数组一章)-C语言-宣城校区2016年.docx...
  10. 从零到实现Shiro中Authorization和Authentication的缓存
  11. 读取日志时发生乱码的解决方法
  12. Hi3798 PWM输出控制背光
  13. editplus java快捷键_常用editplus快捷键大全
  14. java混淆工具zelix比较_Java逆向基础之混淆器
  15. 苹果手机投影_家用无线投影解决方案
  16. 羊皮卷之七-我要笑遍世界(中英对照)
  17. java处理Emoji表情
  18. 一篇文章搞懂 HDFS ACLs权限管理
  19. 支气管分割并3D展示效果
  20. 会议记录怎样做得又快又好?一分钟学会录音转文字

热门文章

  1. 你的公司有如下的症状吗?
  2. 关于C#_ArrayList的两篇文章
  3. 【机器学习】Softmax Regression算法原理与java实现
  4. java数字转换32位字符串_java字符串和数字转换工具
  5. 000+0000 格式的时间转成 年月日
  6. ios 高德地图加载瓦片地图_OpenLayers加载谷歌地球离线瓦片地图
  7. eplise怎么连接数据库_Eclipse怎么打开数据库?Eclipse连接oracle等数据库的教程
  8. 网站域名过户查询_聚查教你怎么用域名批量查询工具查询网站历史和域名权重...
  9. 文本导入数据到oracle_教你如何把文本数据导入Oracle中
  10. Socket TCP UDP