Что такое ошибка синтаксического анализа: недопустимая escape-последовательность в шаблоне?

Question

<style jsx>{`
      #x {                      
        text-align: center;     
        font-weight: 900;       
        font-size: xx-large;    
        margin-bottom: 30px;    
        color: #f4511e;         
      }
`}</style>

И когда я набрал "npm start" в терминал, терминал показывает это предупреждение; Скриншот

Answer 1

Я провел небольшое исследование в Google и нигде не обнаружил, что селектор id используется в стилизованном jsx, но везде, где я вижу, используется этот селектор класса. Вы можете следовать этому примеру:

function Home() {
  return (
    <div className="container">
      <h1>Hello Next.js</h1>
      <Widget />
      <style jsx>{`
        .container {
          margin: 50px;
        }
        .container :global(.btn) {
          background: #000;
          color: #fff;
        }
      `}</style>
    </div>
  )
}

export default Home