The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB).

笔者遇到的问题是:vue项目部署成功,也能访问,唯独就是界面加载不出来,通过logs日志:tail error.log命令,打印出:说一部分js、css文案not found****,笔者cd到项目目录下去查看,就是缺少一些文件,缺少文件的原因只能是vue项目打包时出现了问题,重新对项目npm run build,果然在打包的时,报了两个警告,一样。如下
警告:entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
解释:入口点大小限制:以下入口点合并资产大小超过推荐限制(244 KiB)。这可能会影响web性能。
真是让人好找一番!!!唉!!!
下面给大家说下,我解决的方法:

在根目录下,创建一个vue.config.js文件

//问题还是未解决,是不报警告啦,但问题只是被影藏掉而已,没有解决掉。建议:使用下面的方法
module.exports = {
	configureWebpack : {
	//关闭提示
		performance : {
			hints : false,
		}
	}
}

或者

//通过改变入口和生成文件的大小来解决,该方法:可行。
module.exports = {
    configureWebpack : {
        //关闭webpack的性能提示
        // performance : {
        //     hints : false
        // },
        performance: {
            hints: 'warning',
            // 入口起点的最大体积
            maxEntrypointSize: 50000000,
            // 生成文件的最大体积
            maxAssetSize: 30000000,
            // 只给出 js 文件的性能提示
            assetFilter: function(assetFilename) {
              return assetFilename.endsWith('.js') || assetFilename.endsWith('.css');
            }
        },
    },
}

这里已解决掉由于限制大小的问题引起的 警告、错误 提示。

通过查看打包的dist文件中找到了之前丢失的文件,说明我们已经将文件打包成功!!再次浏览器访问,能访问到就是没有界面,笔者怀疑是静态文件加载路径的问题,针对这个问题,后期笔者做解答。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值