Bad linking of style.scss

[sizilkrishna]

In index.js,
import stylesheet from 'styles/main.scss' should be
import stylesheet from '../styles/main.scss'

[0jas0jas]

error - ./pages/index.js:2:0
Module not found: Can't resolve 'emit-file-loader'
  1 | import Head from "next/head"
> 2 | import stylesheet from '../styles/main.scss'
  3 |
  4 | import Header from "../components/Header"
  5 | import Main from "../components/Main"

It gives me this error with or without the change suggested by @sizilkrishna. Fix?