@import url('filename.css') = no such file or directory

[Jan Mellström]

I've a simple HTML page and CSS. I've made one main css file to import other css files. When I use zero it doesn't find the css file and gives an error about it.

✔ Server running on http://localhost:3000
error An unexpected error occurred: "https://registry.yarnpkg.com/lost-screen.css: Not found".
info If you think this is a bug, please open a bug report with the information provided in "/private/tmp/zeroservertmp/84c00d82e1f359f3c76c8b9821189618deffddc4/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
🚨  /tmp/zeroservertmp/84c00d82e1f359f3c76c8b9821189618deffddc4/css/css.css:3:1: Failed to install lost-screen.css.
  1 | @import url('https://fonts.googleapis.com/css?family=Teko:500');
  2 | @import url('base.css');
> 3 | @import url('intro.css');
    | ^
  4 | @import url('diff.css');
  5 | @import url('lost-screen.css');

index.html
css/css.css
css/base.css etc.

Is there a way to keep it my way without having to merge to one css file?

[Asad Memon]

Have you tried url('./base.css') instead of url('base.css')?

[Jan Mellström]

I swear that I tried that yesterday, now the styles loads as they should.

Thanks @asadm