字符串替换问题：移除指定前缀时Webpack打包报错求助

你的代码报错是因为正则表达式语法错误——正则里的斜杠未转义，导致webpack解析失败。

错误原因 #

你写的正则 /^/management/i 中，第二个 / 会被当作正则的结束标记，后面的 management 变成了无效语法，直接触发打包错误。

修正方案 #

方案1：转义正则内的斜杠

把正则里的 / 用 \ 转义，确保正则能正确匹配开头的 /management/：

let string = '/management/products'
const result = string.replace(/^\/management\//i, "")
console.log(result) // 输出 "products"

方案2：使用RegExp构造函数

用构造函数创建正则，无需转义斜杠，写法更直观：

let string = '/management/products'
const result = string.replace(new RegExp('^/management/', 'i'), "")
console.log(result) // 输出 "products"

方案3：用字符串方法替代正则

如果不需要正则的灵活性，直接用startsWith和slice更简单：

let string = '/management/products'
let result = string.toLowerCase().startsWith('/management/') 
  ? string.slice('/management/'.length) 
  : string
console.log(result) // 输出 "products"

内容的提问来源于stack exchange，提问作者Mishen Thakshana