打包图片文件时路径错误输出为[object-module]

最新推荐文章于 2023-03-29 12:04:58 发布

shea_mong

最新推荐文章于 2023-03-29 12:04:58 发布

阅读量223

点赞数

分类专栏：前端开发文章标签： javascript

本文链接：https://blog.csdn.net/sinat_22480443/article/details/115377235

版权

当使用webpack打包时，如果内部代码遵循CommonJS或AMD规范，而非ES Modules，可能会遇到图片路径错误输出为[object Module]。错误因file-loader@6.0.0的新配置项esModule导致，该配置项默认值为true，影响require或img标签引用图片。解决办法是在file-loader或url-loader中将esModule选项设为false。

摘要由CSDN通过智能技术生成

错误场景

在使用webpack打包，内部代码并非 ES Modules 规范，而是 CommonJS 或是 AMD 规范。运行时报错。
在 main.js 中添加图片

// // 2. 支持 CommonJS 的 require 声明
const createHeading = require('./heading.js').default
const better = require('./better.png')
require('./mai

最低0.47元/天解锁文章

shea_mong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
打包图片文件时路径错误输出为[object-module]

错误场景在使用webpack打包，内部代码并非 ES Modules 规范，而是 CommonJS 或是 AMD 规范。运行时报错。在 main.js 中添加图片// // 2. 支持 CommonJS 的 require 声明const createHeading = require('./heading.js').defaultconst better = require('./better.png')require('./main.css')const heading = create
复制链接

扫一扫

专栏目录