如何解决 Critical dependency: the request of a dependency is an expression ？

宁波阿成2023-11-22 4:08

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码： ruoyi-nbcio: nbcio-boot的若依版本,基于ruoyi-flowable-plus和flowable6.7.2，目前处于开发功能完善阶段，目标是打造一个最好的若依平台上flowable流程管理系统开源版本，后续也增加一个仿钉钉流程设计，希望有需要的同仁一起打造。如果觉得这个项目对你有帮助，麻烦点个star。

演示地址：RuoYi-Nbcio后台管理系统

ruoyi-nbcio 前端编译出现下面问题

98% after emitting CopyPlugin

WARNING Compiled with 1 warning 10:46:08

warning in ./src/components/HeaderNotice/DynamicNotice.vue?vue&type=script&lang=js&

Critical dependency: the request of a dependency is an expression

App running at:

Local: http://localhost:9666/
Network: http://172.18.3.56:9666/

主要是下面语句问题

return () => import(`@/views/${this.path}.vue`)

应该是跟webpack版本相关，可能的bug吧，webpack4中动态import不支持变量方式。

以后版本升级可以解决，目前先临时用下面方法解决吧。

javascript 复制代码

computed: {
      comp: function () {
        if(!this.path){
          return null;
        }
        //return () => import(`@/views/${this.path}.vue`)
        //去掉这个编译警告Critical dependency: the request of a dependency is an expression
        return () => Promise.resolve(require(`@/views/${this.path}.vue`).default)
      }