qiankun配置子应用后报‘__webpack_public_path__‘ is not defined

根据 qiankun 的文档进行配置后,启动 子应用vue 时报 __ webpack_public_path__ 未定义😓
在这里插入图片描述
❗️ 是 eslint 的问题, webpack_public_path 不是全局变量所导致的

子应用 package.json 文件中 eslintConfig 配置全局变量后 重起服务 解决🌼

 "eslintConfig": {
    ...,
    "globals": {
      "__webpack_public_path__": true
    }
}

具体的 eslint 配置看官网
链接:http://eslint.cn/docs/user-guide/configuring#specifying-globals

  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
qiankun 是一个微前端框架,用于构建大型的、由多个应用组成的前端项目。在使用 qiankun 启动项目时,如果出现 "webpackjsonp is not defined" 的错误提示,可能是由于以下几个原因: 1. 共享依赖未正确引入:qiankun 在加载应用时会使用 webpack 的 `Jsonp` 方法动态加载应用的入口文件,如果应用的依赖没有被正确的共享,会导致这个错误。解决方法是: - 确保应用的依赖在 qiankun 的主应用中正确引入,并配置了正确的 `externals` 设置。 - 确保应用的构建配置中没有将共享的依赖打包进应用的入口文件中,可以通过 webpack 的 `splitChunks` 配置进行拆分。 2. 应用的构建配置问题:如果应用的构建配置中存在问题,例如没有设置正确的 `libraryTarget`、没有输出正确的 `publicPath` 等等,都可能导致 "webpackjsonp is not defined" 的错误。解决方法是: - 确保应用的构建配置正确,特别是和加载机制有关的配置项。 - 检查应用构建出的文件是否正确,例如入口文件是否正确生成了 `jsonp` 方法。 3. 其他因素:还可能由于其他原因导致的这个错误,例如 webpack 版本不兼容、webpack 插件或 loader 的配置问题等等。解决方法是: - 确保 qiankun应用使用的 webpack 版本兼容。 - 检查 webpack 插件和 loader 的配置是否正确,可能需要修改或更新相关的插件和 loader 版本。 总之,针对 "webpackjsonp is not defined" 错误,需要仔细检查共享依赖的引入、应用的构建配置以及其他可能的因素,确保配置正确,才能解决这个问题。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值