vue项目moment在IE报缺少:

vue项目打包之后moment·js
在IE浏览器报缺少‘:’

引用 皆我百晓生 小程序回复内容作答:
在 Vue 项目中使用 Moment.js 库时,有时会发现在 IE 浏览器上出现缺少 ":" 的错误。这通常是由于 IE 浏览器不支持 ES6 中的扩展运算符引起的。

解决方法如下:

  1. 首先,确认你的 Vue 项目是通过 Vue CLI 创建的,并且项目中已经安装了 Babel 插件。

  2. 然后,在项目的根目录下找到 .babelrc 文件,如果没有则创建一个新的.babelrc文件。

  3. 打开 .babelrc 文件,并添加以下代码:

{
  "presets": [
    ["@babel/preset-env", {
      "modules": false
    }]
  ]
}

@babel/preset-env 是一个 Babel 插件,用于根据目标浏览器环境自动转换 JavaScript 代码。

  1. 确保已经安装了 @babel/preset-env 插件,如果没有则通过以下命令进行安装:
npm install @babel/preset-env --save-dev
  1. 安装完成后,重新打包你的 Vue 项目,然后再次在 IE 浏览器中测试。

这样就可以解决 IE 浏览器报缺少 ":" 的问题。同时,请确保 Moment.js 版本是兼容 IE 浏览器的稳定版本。

【相关推荐】




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