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库。
【相关推荐】
在项目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')