未找到模块：错误：无法解析'assets/img vue.js

a1o7rhls 于 2022-12-14 发布在 Vue.js

关注(0)|答案(2)|浏览(273)

我有以下结构：

-src
  -assets
    -css
    -img
    -js

在我的style.css中我有这样一行：

background: url(~assets/img/arrows.png) no-repeat;

并得到此错误
Module not found: Error: Can't resolve 'assets/img/arrows.png'
我该怎么办？
我尝试写入./assets/、../assets/、./src/assets，但仍然无法正常工作

2条答案

如果您已经在App.vue或任何其他.vue文件中导入了css文件，请确保url相对于该*.vue文件

这个问题可能会出现在Nuxt.js项目中。如果你在那里看到这个问题，你必须在绝对路径前面使用一个没有斜杠的波浪号（~），或者你必须使用一个波浪号和一个at符号（@），所以可以这样做：

background-image: url('~assets/img/arrows.png');

或者这样：

background-image: url('~@/assets/img/arrows.png');