如何修复解析错误：index.tsx 中的意外标记，预期“，”？

Question

我正在发生这个问题：

第 9:38 行：解析错误：意外的令牌，预期的“，”更漂亮/更漂亮

在 index.tsx 文件中。

import React, { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

const rootElement = document.getElementById('root');
const root = createRoot(rootElement as Element);

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

reportWebVitals();

我在网上找不到解决办法，有人知道怎么解决吗？

Answer 1

我通过克隆到您的存储库中发现了问题。 它与eslint.rc prettier prettier/prettier prettier 中的"parser": "babel"一起使用。

使用"parser": "babel-ts"或"parser": "typescript" 。