找不到模块：错误：无法解析资产/ img vue.js

Question

我有以下结构：

-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仍然无法正常工作

Answer 1

如果您已在App.vue或任何其他.vue文件中导入css文件，请确保该网址与*.vue个文件相关

Answer 2

Nuxt.js项目中可能出现此问题。如果您在此处看到此问题，则必须在绝对路径前面使用不带斜线的波浪号，或者必须使用波浪号和＆符，所以可以这样：

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

或者这个：

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