Reactjs @情绪/反应语法突出显示不'；行不通

我在react项目中工作，并使用情感库在.js文件中设置样式。

@emotion/styled

中的语法突出显示没有问题，但是

@emotion/react

中的

css

函数会导致某种语法突出显示错误。有人能告诉我如何解决这个问题吗

从“React”导入React；
从“react router dom”导入{Link}；
从“@emotion/react”导入{css}；
从“./组件/布局”导入布局；
从“./组件/原子/标题”导入标题；
从“./组件/原子/段落”导入段落；
从“./组件/原子/按钮”导入按钮；
导出默认函数Home（）{
返回(
哈克斯鲍尔克隆
用react和pixi.js制作的HaxBall克隆。


原始游戏：{'}
玩
);
}

请粘贴您需要的代码tried@VincentTeyssier我添加了代码，但效果很好。代码的唯一问题是css的语法突出显示没有按预期工作。您使用的是哪个ide，安装了什么linter？很明显，这是一种严重的口音，无法识别。。。这很可能是期望撇号我在使用vs代码，老实说，我真的不知道我有什么林特。。。

import React from "react";
import { Link } from "react-router-dom";
import { css } from "@emotion/react";

import Layout from "../components/Layout";
import Heading from "../components/atoms/Heading";
import Paragraph from "../components/atoms/Paragraph";
import Button from "../components/atoms/Button";

export default function Home() {
 return (
   <Layout
     pageTitle="Home"
     css={css`
       display: flex;
     `}
   >
     <Heading>HaxBall Clone</Heading>
     <Paragraph>
       HaxBall clone made with react and pixi.js.
       <br />
       Original game:{" "}
       <a href="https://haxball.com" target="_blank" rel="noreferrer">
         HaxBall.com
       </a>
     </Paragraph>
     <Button as={Link} to="/enter-user">
       Play!
     </Button>
   </Layout>
 );
}