next+ts引入sass模块化报错

Question

文件配置

// next.config.js

const withSass = require('@zeit/next-sass')
module.exports = withSass({
    cssModules: true
})

// .babelrc

{
    "presets": [
        "next/babel"
    ]
}

// components/login/Login.tsx

import React from 'react'
import styles from '../../styles/login/Login.scss'

export default function Login() {
    return (
        <div className={styles.layout}>
            <div className={styles.main}></div>
        </div>
    )
}

问题

这样写运行代码没有任何问题，但是在编辑器内会有下划线提示错误