踩坑_AntDesignPro_移除国际化后报错

背景

手上有个Ant Design Pro项目,国际化功能目前没啥用,打算将其移除

配置

  • 脚本语言:JAVAScript
  • 模式:simple

问题复现

使用了官网的一键移除脚本

npm run i18n-remove

再次运行的时候提示

$ cross-env UMI_ENV=dev umi dev
Unexpected token 'export'
D:\AntD Project\***\config\routes.js:1
export default [

SyntaxError: Unexpected token 'export'
    at wrapSafe (internal/modules/cjs/loader.js:1001:16)
    at Module._compile (internal/modules/cjs/loader.js:1049:27)
    at Module._compile (D:\AntD Project\***\node_modules\@umijs\deps\compiled\babel\bundle.js:129139:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Object.newLoader [as .js] (D:\AntD Project\***\node_modules\@umijs\deps\compiled\babel\bundle.js:129144:7)
    at Function.Module._load (internal/modules/cjs/loader.js:790:14)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (D:\AntD Project\***\config\/config.js:6:1)
Done in 1.49s.

研究了一番发现移除脚本运行时有这么一句【format routes】

✔ 🕵️‍  find js or ts files
✔ 📦  load all locale file and build ts
✔ ✂️  format routes

检查后发现目录config下多出了一个routes.ts文件
删除后完美解决

估计是脚本作者用的是TS,没有考虑到JS的问题

移除Ant Design Pro Vue2的刷新页面功能,您可以按照以下步骤进行操作: 1. 打开/src/layouts/BasicLayout.vue文件。 2. 找到以下代码段: ```javascript <template> <a-layout class="basic-layout"> <a-layout-header :style="headerStyle"> <Header :menuData="menuData" /> </a-layout-header> <a-layout-content> <div class="basic-container"> <KeepAlive> <router-view /> </KeepAlive> </div> </a-layout-content> <a-back-top /> <a-layout-footer style="text-align: center;"> {{ footerText }} </a-layout-footer> </a-layout> </template> ``` 3. 将 KeepAlive 组件上面添加一个标记,例如: ```javascript <template> <a-layout class="basic-layout"> <a-layout-header :style="headerStyle"> <Header :menuData="menuData" /> </a-layout-header> <a-layout-content> <div class="basic-container" v-if="!shouldReload"> <KeepAlive> <router-view /> </KeepAlive> </div> <div v-else> <router-view /> </div> </a-layout-content> <a-back-top /> <a-layout-footer style="text-align: center;"> {{ footerText }} </a-layout-footer> </a-layout> </template> ``` 4. 在<script>标签内添加以下代码: ```javascript export default { data() { return { shouldReload: false, }; }, created() { this.$bus.$on('routeChange', () => { this.shouldReload = true; }); this.$bus.$on('routeChanged', () => { this.shouldReload = false; }); }, }; ``` 5. 保存文件并重启应用程序。 现在,您应该能够在Ant Design Pro Vue2应用程序中移除刷新页面功能。如果您需要重新启用该功能,请按照相同的步骤进行操作,并将shouldReload属性设置为true。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值