vue3+vite 打包后遇见如下问题

img


改了一下vite 配置,通过文件找到了报错的位置

img


谢谢大家了,麻烦帮忙看看

出错的代码中正则表达式多了一个斜杠
如果你的确需要斜杠,那么需要转义成

\/

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7649154
  • 这篇博客你也可以参考下:基于vite搭建一个vue3
  • 除此之外, 这篇博客: vue3 + vite中开发环境和生产环境全局变量配置中的 一、开发环境和生产环境 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    开发环境:也就是编码时运行的环境,即我们使用npm run dev或者npm run serve运行项目到本地时,项目处于的环境。

    生产环境:项目部署到服务器上后处于的环境,我们使用npm run build将项目打包以后,再运行项目,项目就运行在生产环境中了。

    对于不同的环境,我们可以配置不同的环境变量,来实现开发和生产的兼容。

    例如:
    开发环境时,我们可以请求自己本地的接口(‘/api’ proxy代理)。
    而部署到服务器上后,应该请求服务器提供的接口(‘http://xxxxxx/api/’ 真实接口)。
    我们通过设置axios的baseUrl可以实现,但是需要区分开发环境和生产环境,从而改变baseUrl。

  • 您还可以看一下 李宁宁老师的vite+vue3实战(封装自己的组件)课程中的 了解vite及搭建第一个vue3项目小节, 巩固相关知识点

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^