regex - 使用正则表达式模式会产生编译错误 “Invalid regular expression”

Question

我正在尝试使用https://www.regextester.com/94502的正则表达式
在我的 Angular 应用程序中。

所以我复制了正则表达式并将其放在两个/字符之间...

websiteRegex = /?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'^(?:http(s)\(\)\*\+,;=.]+$/;

website: ['', [Validators.maxLength(250), Validators.pattern(this.websiteRegex)]]

但这会导致编译错误:

Module parse failed: Invalid regular expression: /?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'^(?:http(s)\(\)\*\+,;=.]+$/: Nothing to repeat

我怎样才能解决这个问题？

Answer 1

使用正确的正则表达式时工作正常...

websiteRegex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/;