前端项目打包后无法加载动态资源（Failed to fetch dynamically imported module）

1、问题描述

前端项目打包到生产环境，用户在页面操作时会出现页面报错，无法加载动态资源的错误，但是刷新一下就可以了

2、原因

因为版本更新导致客户端与最新的版本不一致，存在资源未更新的情况，用户在使用的过程中停留在某个页面，没有刷新重新获取资源，就会导致报错

3、解决方法（纯前端，目前来说比较简单的解决方法）

解决思路：通过调用fs库的方法在打包时创建version.json保存版本号，同时在localStorage存储版本号信息，通过对比版本号是否一致强制刷新页面，获取最新的资源防止报错。

第一步：在根目录下创建build文件夹和build.js文件

第二步：在build.js中添加以下代码

// console.log("build---->文件开始执行！");
import fs from "fs";
import path from "path";

function getRootPath(...dir) {
  return path.resol