在我的_document。tsx
中有如下内容import Document, { Html, Head, Main, NextScript } from 'next/document';
class CustomDocument extends Document {
return = (): JSX.Element => (
<Html lang="en-US">
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
我得到
Syntax error: Unexpected token
2 |
3 | class CustomDocument extends Document {
> 4 | return = (): JSX.Element => (
，它指向E in元素作为错误。
依赖性:
"@babel/core": "^7.17.9",
"@babel/plugin-proposal-class-properties": "^7.16.7",
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/preset-env": "^7.16.11",
"@babel/preset-react": "^7.16.7",
"@babel/runtime": "^7.17.9",
"next": "^12.1.5",
"react": "17.0.2",
"react-dom": "17.0.2",
"sass": "^1.35.1"
实际上答案是我忘记在
中添加。babelrc了{
"presets": ["next/babel"]
}
一旦存在就可以编译