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

问题

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

解决

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

js 复制代码
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
                })
            );
        }
    }
};

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

js 复制代码
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,以减少请求数,一个的时候没必要。

相关推荐
duandashuaige13 小时前
解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED
javascript·typescript·electron·npm·vue·html
java水泥工19 小时前
旅游管理系统|基于SpringBoot和Vue的旅游管理系统(源码+数据库+文档)
spring boot·vue·计算机毕业设计·java毕业设计·旅游管理系统
duansamve2 天前
Vue3与Vue2中使用对比
vue
Jeffrey__Lin3 天前
解决ElementPlus使用ElMessageBox.confirm,出现层级低于el-table的问题
前端·javascript·elementui·vue·elementplus
麦麦大数据3 天前
F024 RNN+Vue+Flask电影推荐可视化系统 python flask mysql 深度学习 echarts
python·rnn·深度学习·vue·echarts·电影推荐
HECHEN****4 天前
Composition API 与 React Hook 很像,区别是什么?
vue·面试题
知识分享小能手4 天前
微信小程序入门学习教程,从入门到精通,项目实战:美妆商城小程序 —— 知识点详解与案例代码 (18)
前端·学习·react.js·微信小程序·小程序·vue·前端技术
cgsthtm5 天前
RuoYi.Net后端返回雪花ID前端精度丢失问题
oracle·vue·精度丢失·雪花id·ruoyi.net
玩代码5 天前
使用 nvm(Node Version Manager) 高效管理Node.js
node.js·vue·nvm
bdawn5 天前
Vue3 项目首屏加载性能优化全攻略
性能优化·vue·策略·分包