当前位置: 首页 > 工具软件 > node-static > 使用案例 >

Vue报错--This relative module was not found: * ./static/images/head_ico.png in ./node_modules/......

夹谷硕
2023-12-01

报错如下:

This relative module was not found:

* ./static/images/head_ico.png in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-61dd7a3d","scoped":true,"hasInlineConf
ig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/Header.vue

搜到的资料:
1.这是由于css解析的时候出了问题,解决方案为:
首先看你使用的CSS语言是什么,是 常规的 或者 less 或者 sass。
如果是 常规 的,执行 npm install style-loader css-loader style-loader --save-dev 安装依赖就行。
如果是 less 的,执行 npm install less less-loader --save-dev 安装依赖就行。
如果是 sass 的,执行 npm install sass sass-loader --save-dev 安装依赖就行。或者($npm intall sass-loader --save ; $npm install node-sass --save)
原文链接:参考链接

2.路径错误或者文件不存在

3.在引入背景图片的时候使用"~@"
~@的意思: @是webpack设置的路径名,代表的是src目录,可以在build / webpack.base.conf.js更改设置

我的是路径问题
改好之后路径是这样的:

background: url('/static/images/head_ico.png') no-repeat;
 类似资料: