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

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

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

解决这个问题的一种方法是在Vue项目中配置Babel,以正确处理Moment.js的语法。您可以按照以下步骤进行操作:

安装所需的Babel插件:

npm install --save-dev @babel/preset-env

在项目的根目录下创建一个.babelrc文件,并添加以下配置:

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "entry",
        "corejs": 3
      }
    ]
  ]
}

确保您的项目中已经安装了@babel/core和@babel/preset-env依赖项。可以通过在package.json文件中查看devDependencies部分来验证。

重新打包您的Vue项目,并在IE浏览器中测试应用程序是否能够正确加载Moment.js库。

【相关推荐】



  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7532484
  • 这篇博客你也可以参考下:使用vue的项目中如何使用moment.js
  • 除此之外, 这篇博客: Vue项目中使用moment.js中的 配置插件 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

    在项目src目录下,新建dependences目录,新建moment.js

    import Vue from 'vue'
    import moment from 'moment'
    
    // 设置本地时区
    moment.locale('zh-cn')
    Vue.prototype.$moment = moment
    
    

    在main.js中导入moment.js

    import Vue from 'vue'
    import App from './App.vue'
    import router from './router'
    import './plugins/element.js'
    // 导入moment.js
    import './dependences/moment.js'
    
    Vue.config.productionTip = false
    
    new Vue({
      router,
      render: h => h(App)
    }).$mount('#app')
    
    

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