首页 前端知识 vuecli3 执行 npm run build 打包命令报错:TypeError: file.split is not a function

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

2024-05-08 10:05:30 前端知识 前端哥 619 271 我要收藏

问题

今天有个项目在打包的时候遇到了一个问题,就是执行 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,以减少请求数,一个的时候没必要。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7470.html
标签
评论
发布的文章

Pycharm创建json文件类型

2024-05-12 00:05:50

C#Post请求,带json参数。

2024-05-12 00:05:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!