解决办法:查看开发者工具和页面,发现图片链接为[object module] url-loader默认导出的内容遵循ES模块语法,而vue-loader导入资源默认以commonJS的方式导入 修改url-loader的options,增加 esModule: false
favicon.ico404错误:
方法一:直接在HtmlWebpackPlugin中配置 修改HtmlWebpackPlugin
new HtmlWebpackPlugin({
title: 'Webpack Vue',
favicon: path.resolve(__dirname, 'public/favicon.ico'),
template: path.resolve(__dirname, 'public/index.html')
})
方法二:copy-webpack-plugin
cnpm install -D copy-webpack-plugin
const CopyWebpackPlugin = require('copy-webpack-plugin')
new CopyWebpackPlugin([
path.resolve(__dirname, 'public/favicon.ico')
])
修改后运行项目正常,无报错信息提示。