当前位置: 首页 > news >正文

vuecli3 执行 npm run build 打包命令报错:TypeError: file.split is not a function

问题

今天有个项目在打包的时候遇到了一个问题,就是执行 npm run build 命令的时候报错了,如下:

在这里插入图片描述

解决

我排查了一下,模拟代码如下:在打包的时候用了 MinChunkSizePlugin

const webpack = require("webpack");module.exports = {configureWebpack: (config) => {if (process.env.NODE_ENV === "production") {// 通过合并的方式处理 chunk,以减少请求数config.plugins.push(new webpack.optimize.MinChunkSizePlugin({minChunkSize: 100 * 1024}));}}
};

并且路由用了懒加载,而且只有一个地方有懒加载的写法:

import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";Vue.use(Router);export default new Router({routes: [{path: "/",name: "home",component: Home},{path: "/about",name: "about",// route level code-splitting// this generates a separate chunk (about.[hash].js) for this route// which is lazy-loaded when the route is visited.component: () => import(/* webpackChunkName: "about" */ "./views/About.vue")}]
});

这样就导致了报错,懒加载多的时候在开启,通过合并的方式处理 chunk,以减少请求数,一个的时候没必要。

相关文章:

  • EasyExcel分页上传数据
  • json、jsonlines格式化显示
  • Android:国际化弹出框
  • Linux下centos操作系统安装Mysql8.0过程及踩坑填补
  • 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Menu组件
  • 通过Spring @Validated 更优雅的实现参数校验
  • Vue3中路由配置Catch all routes (“*“) must .....问题
  • vscode的vetur文档格式化失效
  • 零基础学Python之面向对象
  • 计算机网络相关题目及答案(第五章)
  • WINDOWS搭建NFS服务器
  • NC6X单点登录设计文档说明
  • 【深入浅出Java性能调优】「底层技术原理体系」详细分析探索Java服务器性能监控Metrics框架的实现原理分析(Dropwizard度量基础案例指南)
  • MinMaxScaler, StandardScaler数据预处理中常用的两种缩放方法,用于将数据标准化或归一化到特定的范围或分布
  • 瑞芯微推理RKNN使用
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • 「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制
  • 【Leetcode】104. 二叉树的最大深度
  • ➹使用webpack配置多页面应用(MPA)
  • 4. 路由到控制器 - Laravel从零开始教程
  • 8年软件测试工程师感悟——写给还在迷茫中的朋友
  • Android优雅地处理按钮重复点击
  • CentOS从零开始部署Nodejs项目
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • JavaScript 基础知识 - 入门篇(一)
  • jdbc就是这么简单
  • mysql_config not found
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • ReactNativeweexDeviceOne对比
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • vue2.0开发聊天程序(四) 完整体验一次Vue开发(下)
  • 基于HAProxy的高性能缓存服务器nuster
  • 开发了一款写作软件(OSX,Windows),附带Electron开发指南
  • 漂亮刷新控件-iOS
  • 前端面试题总结
  • 手写一个CommonJS打包工具(一)
  • 听说你叫Java(二)–Servlet请求
  • 云栖大讲堂Java基础入门(三)- 阿里巴巴Java开发手册介绍
  • Oracle Portal 11g Diagnostics using Remote Diagnostic Agent (RDA) [ID 1059805.
  • ​你们这样子,耽误我的工作进度怎么办?
  • (Java岗)秋招打卡!一本学历拿下美团、阿里、快手、米哈游offer
  • (ZT)一个美国文科博士的YardLife
  • (多级缓存)多级缓存
  • (二) Windows 下 Sublime Text 3 安装离线插件 Anaconda
  • (附源码)ssm码农论坛 毕业设计 231126
  • (免费分享)基于springboot,vue疗养中心管理系统
  • (一)kafka实战——kafka源码编译启动
  • (一)UDP基本编程步骤
  • (转) SpringBoot:使用spring-boot-devtools进行热部署以及不生效的问题解决
  • (转)关于pipe()的详细解析
  • (转载)跟我一起学习VIM - The Life Changing Editor
  • .Net 8.0 新的变化
  • .net core开源商城系统源码,支持可视化布局小程序
  • .Net IE10 _doPostBack 未定义
  • .net on S60 ---- Net60 1.1发布 支持VS2008以及新的特性