所以这里把前者rules的options的esModule设置为false就可以了。 { test: /\.(png|jpe?g|gif)$/i, options: { name: '[path][name].[ext]', esModule: false }, loader: 'file-loader' // img属性src="[object Module]",引入图片的方式为“<imgsrc="../assets/images/cute.jpg" >”...
module.exports={chainWebpack:config=>{constimagesRule=config.module.rule('images')imagesRule.uses.clear()// 删除images的ruleimagesRule.use('file-loader').loader('url-loader').options({limit:10000,// 设置图片大小fallback:{loader:'file-loader',options:{name:'img/[name].[hash:8].[ext]'}...
这个错误是我在用vue-cli中使用webpack打包的时候,页面内容已经展示出来但是图片显示不出来,一看引用链接src为"[object Module]"的问题。 报错信息 homework-error3.png 出错原因 也是找到了大佬的博客看到的,他说这个是file-loader的版本问题,我现在的file-loader版本是^6.2.0。原来file-loader里面有一个esModule的...
vue scss 背景图片 [object Module] 在scss中使用引入本地图片做背景,但是在浏览器中编译却显示为 [object Module] 图片路径是没问题的,有大神可以帮忙解决一下吗 'use strict'const path = require('path') const getEnv = require('env-parse').getEnv const defaultSettings = require('./src/settings.js'...
在html中引入图片 webpack(file-loader + html-loader)打包后页面反馈404,查看元素img的src为[object] 问题出现原因:file-loader在新版本中esModule默认为true,因此需要手动设置为false... webpack使用vue的配置 在项目终端下载vue 通过指令 npm install vue@2.5.21 --save;下载(查看vuejs.源码版本) 使用开发 ...
在scss中使用引入本地图片做背景,但是在浏览器中编译却显示为 [object Module] 图片路径是没问题的,有大神可以帮忙解决一下吗'use strict' const path = require('path') const getEnv = require('env-parse').getEnv const defaultSettings = require('...
这个就是原因,file-loader在新版本中esModule默认为true,因此手动设置为false, 就可以正常显示出来了。 {test:/\.(png|jpg|gif|svg|jpeg)$/,//loader:'file-loader',loader:'url-loader',options:{esModule:false,name:'[name].[ext]',outputPath:"image/",limit:10240//publicPath:'../../assets/imag...