Vue 使用自定义组件时报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' 本文转载自 查看原文 2017-07-18 12:57 3663 vue/ js 自己试做了一下vue的插件 参考element-ui: 写了一个组件 import message from './packages/message/index.js'; const install = function (Vue, options) { if(install.installed ) return; //console.log(Vue) // 1. 添加全局方法或属性 Vue.prototype.myMessage= message; Vue.prototype.dtime=function(time){ let d=Date.parse(time); let now =Date.parse(new Date()); //console.log(now - d); let sec= parseInt((now- d)/1000); if(sec <60){ return sec+'秒前'; }else if(sec <3600){ return parseInt(sec/60)+'分钟前'; }else if(sec <(24*3600)){ return parseInt(sec/3600) +'小时前'; }else if(sec <(24*3600*30)){ return parseInt(sec/24/3600) + '天前'; }else{ return "一个月以前"; } //return t[0]+t[1].substr(0,8); } } module.exports = { install } 结果就报 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 后来网上查了之后说，这个是因为webpack 2中不允许混用import和module.exports, 解决办法就是统一改成ES6的方式编写即可. export default { install, }; × 免责声明！ 本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱[e-mail]删除。 猜您在找 Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法 Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' vue运行报错error:Cannot assign to read only property 'exports' of object '#' Cannot assign to read only property 'exports' of object '#' [one day one question] webpack 打包报错 Cannot assign to read only property 'exports' of object '#' 关于vue-cli3打包时遇到Cannot assign to read only property 'exports' of object '#'问题的解决方法。 vue-cli3 打包时使用‘babel-loader’遇到Cannot assign to read only property ‘exports’ of object '#'问题的解决方法。 vue报错 Uncaught TypeError: Cannot read property of null Vue 组件封装发布到npm 报错 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined 粤ICP备18138465号 © 2018-2025 CODEPRJ.COM

自己试做了一下vue的插件

参考element-ui:

写了一个组件

import message from './packages/message/index.js';

const install = function (Vue, options) {
    if(install.installed ) return;
      //console.log(Vue)
    // 1. 添加全局方法或属性
    Vue.prototype.myMessage= message;


    Vue.prototype.dtime=function(time){
        let d=Date.parse(time);
        let now =Date.parse(new Date()); 
        //console.log(now - d);
        let sec= parseInt((now- d)/1000);

        if(sec <60){
            return sec+'秒前';
        }else if(sec <3600){
            return parseInt(sec/60)+'分钟前';
        }else if(sec <(24*3600)){
            return parseInt(sec/3600) +'小时前';
        }else if(sec <(24*3600*30)){
            return parseInt(sec/24/3600) + '天前';
        }else{
            return "一个月以前";
        }
        //return t[0]+t[1].substr(0,8);
    }



 }

module.exports = {
    install
}

结果就报

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'

后来网上查了之后说，这个是因为webpack 2中不允许混用import和module.exports,

解决办法就是统一改成ES6的方式编写即可.

export default {
    install,
};