next.js SCSS故障排除：为什么绝对导入不起作用？

q9yhzks0 于 2024-01-07 发布在其他

关注(0)|答案(1)|浏览(162)

我有以下项目结构

- my-project
      - public
        - icons
          - nome.svg
      - src
        - components
          - MyComponent
            - MyComponent.module.scss
        - ...
      - ...

字符串
但当我这样做时：

backgorund-image: url('public/icon/category-qualified.svg');

型
发生以下错误

Module not found: Can't resolve 'public/icon/category-qualified.svg'

型
我在tslog.json中添加了baseUrl: './src'

next.js

来源：https://stackoverflow.com/questions/77666837/troubleshooting-scss-why-arent-absolute-imports-working

1条答案

按热度按时间

lqfhib0f1#

您使用的baseUrl从src/开始，因此它无法访问public文件夹。您必须使用"baseUrl": "."上一级。
此外，我建议使用这些导入的全部功能。您可以添加多个路径用作别名：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "src/*": ["src/*"],
      "public/*": ["public/*"]
    }
  }
}

字符串

赞(0）回复(0）举报 2024-01-07

我来回答

next.js SCSS故障排除：为什么绝对导入不起作用？

1条答案

相关问题

热门标签

最新问答