我在几乎空的反应组件中收到此错误:
" [ts]未终止的正则表达式字面值。"
import * as React from 'react';
export default class EmptyComponent extends React.Component {
render() {
return (
<p>Hello</p>
);
}
}
我不知道我做错了什么!
答案 0 :(得分:28)
事实证明我使用的是.ts文件扩展名而不是.tsx
确保您的组件文件扩展名为.tsx (如果您正在使用Typescript)或 .jsx (如果您使用的是Javascript)。
答案 1 :(得分:1)
以防万一其他人跨过此程序并正确命名了其文件,请重新检查您的正则表达式,以确保您没有意外创建无效的正则表达式。例如,我的样子:
/^https?:\/\/
它应该是:
/^https?:\/\//
^ left this lil' guy off
您还可以使用在线正则表达式工具来确保您已经创建了有效的正则表达式。
答案 2 :(得分:1)
所以我的案子有点独特。我有同样的错误信息。但在重新启动构建过程后,一切都得到了解决(例如,在本例中,我正在使用故事书,因此npm run storybook
)。症状是,即使我将文件名更改为.tsx
,该错误仍然报告与.ts
相同的文件。那使我想起了,当构建已经在监视和运行时,我更改了文件名。那是我决定重新启动build命令和wolaa的时候!一切都会自行修复。
有时候就是---“您将其关闭然后再次打开吗?”