vue项目css中设置元素背景时找不到图片Module not found: Error: Can‘t resolve....

pixlehe

已于 2024-07-24 10:28:05 修改

阅读量154

点赞数 2

文章标签：前端 javascript vue.js

于 2024-07-19 17:49:25 首次发布

本文链接：https://blog.csdn.net/pixelhe/article/details/140555979

版权

是否vue create创建的项目，图片是否放在了public下，如果是的话解决方法：将图片资源放在src下的某个地方，然后路径用@引用，如background: url('@/assets/images/xxx/xxx.png')

很无语....用vite构建的项目没有这个问题

新手还是用vite吧，构建速度啥的也快，也没这么复杂

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

pixlehe

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

以解决Module not found: Error: Can't resolve 'vue-awesome-swiper/dist/ssr'或 vue中使用swiper出现Can't resolve...

牧牛人Alec

08-17

5546

错误提示有多种，但我遇见的基本就这一个原因造成的。不成功的解决方式不知道什么原因，开始swiper文件并没自动安装上。安装swiper： npm install swiper vue-awesome-swiper --save 然而在\node_modules\swiper里面会发现没有dist目录，所以出现这个错。又尝试过在swiper文件夹下创建dist，但并没有解决问题。...

Module not found: Error: Can't resolve "xxx" in "xxx"

weixin_30312557的博客

06-01

1511

报错信息 ERROR in multi ./src/index.js ./dist/bundle.js Module not found: Error: Can't resolve './dist/bundle.js' in 'C:\Users\ASUS\Desktop\vue\webpack-study' @ multi ./src/index.js ./dist/bundle.js...

参与评论您还未登录，请先登录后发表或查看评论

vue打包后css背景图片地址找不到

weixin_30718391的博客

07-09

399

背景图片变成了这样：static/css/static/imgs/xxx.jpg 解决方法，修改build/utils，添加 publicPath: '../../' 就行对比了下，components目录下的css背景图片也没有出现这种问题，出现问题的是src/base目录，目前只知道是vue-loader的问题解决参考：https://www.cnblogs.com/l...

vuejs在css样式表里设置背景图background:url('path'),报错

MMryyy的博客

07-10

3462

https://blog.csdn.net/qq_22713201/article/details/80819525

vue报错：Module not found: Error: Can‘t resolve ‘xxx‘

m0_66778667的博客

06-02

2944

vue报错：Module not found: Error: Can‘t resolve ‘xxx‘

【vue】引入bootstrap.css文件报错报错Module not found: Error: Can‘t resolve ‘./assets/css/‘...（已解决）

yolo_______95的博客

10-19

3282

“css/bootstrap.css”>，在html页面使用即可。解决：将css文件保存在public/css/路径下，在index.html中引入

《Webpack 报错》Module not found: Error: Can‘t resolve ‘./@/assets/image/folder.png‘

前端技术

02-16

4986

打包时编译 png 图片错误，检查 webpack.config.js 文件发现缺少 module.rules 配置： { test: /\.(png|jpg|gif|svg)$/, loader: "url-loader", options: { limit:1024000, name: "[name].[ext]?[hash]" } }

Module not found: Error: Can't resolve './index.css' in 'C:\Users\23789\vue_test\src'

07-27

引用\[1\]:ERROR in ./src/index.js 4:0-24 Module not found: Error: Can't resolve './css/index.css' in 'D:\VScode Project\vue\change\src' resolve './css/index.css' in 'D:\VScode Project\vue\change\src' ...

ERROR in ./src/main.js 7:0-63 Module not found: Error: Can't resolve '@element-plus/icons-vue'

热门推荐

qq_59389108的博客

01-07

5万+

其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。

Module not found: Error: Can‘t resolve

sometimr520的博客

11-09

1293

学习webpack遇到的问题

Vue报错：Can‘t resolve

m0_57434037的博客

01-20

2万+

1.vue配置路由如果出现can not resolve“@src/test/demo”,那极有可能你的路径写错了，或者路径和上面的写重复了，检查路径 2.引用路径时，文件后缀.js/.vue什么的没有写全

一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘

qq_52174918的博客

05-07

4810

即可。

前端报错 : Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘

weixin_64778225的博客

09-06

4万+

模块未找到:错误:无法解决../src/comporents/MyHeader' 在 'C:\Users\15718\Desktop\eight\src'错误原因是组件引入 App.vue/其他组件时出错了,仔细检查引入的!我的就是components拼写错了,查了二十分钟才发现,唉.

解决项目启动提示vue-video-player引入css样式报错

qwyio的博客

04-20

1万+

require('vue-video-player/node_modules/video.js/dist/video-js.css') require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css')

关于Module not found: Error: Can‘t resolve ‘D:\Computer_raw_code\C#\vue\test\test\的解决方案

m0_62795338的博客

04-17

365

可是我设置以后，还是有问题，然后我考虑我的文件路径问题，我的路径没有中文，也没有空格，很合理，之后我请教了别人，发现项目文件移出c#文件夹后运行正常，很可怜，我找了好长时间的。最近在学前端，这是期间学习vue时遇到的问题，找了很长时间的错误，最后问了别人才找到的，我先说一下这个过程中试过的方法。这是我第一次写CSDN的博客，以前看到过别人写博客，记录一下学习的过程，有感于此，学习一下，害怕忘掉。