码迷,mamicode.com
首页 > Web开发 > 详细

webpack报错:Cannot assign to read only property 'exports' of object '#<Object>'

时间:2017-02-11 17:55:56      阅读:11649      评论:0      收藏:0      [点我收藏+]

标签:window   webp   highlight   object   ann   package   win   打包   tor   

这个倒霉错误在mac电脑上开发的时候非常顺利,可是用windows的时候就会报错。

百度查不到,google一查果然有。

原因是:The code above is ok. You can mix require and export. You can‘t mix import and module.exports.

也就是说,在webpack打包的时候,可以在js文件中混用require和export。但是不能混用import 以及module.exports。

于是查了一下代码,在自己的main.js中有这一段代码:

import selector from ‘../packages/selector‘;
import alert from ‘../packages/alert‘;
const components=[
    selector,
    alert,
]
const install=function(Vue,option={}){
    components.map(component => {
        Vue.component(component.name, component);
    })
    Vue.prototype.$alert=alert;
    Vue.prototype.$info=alert.error;
    Vue.prototype.$error=alert.error;
}

module.exports={
    version:‘0.0.1‘,
    install,
}

 这段代码就是在最开始使用了import语句,但是最后使用了module.exports语句。所以就报错了。

改正一下:

var selector = require(‘../packages/selector‘);
var alert=require(‘../packages/alert‘);
const components=[
    selector,
    alert,
]
const install=function(Vue,option={}){
    components.map(component => {
        Vue.component(component.name, component);
    })
    Vue.prototype.$alert=alert;
    Vue.prototype.$info=alert.error;
    Vue.prototype.$error=alert.error;
}

module.exports={
    version:‘0.0.1‘,
    install,
}

 搞定了。

所以提醒我,以后一定要配对使用require和module.exports以及import和export default。

不要混用,省得出问题。

webpack报错:Cannot assign to read only property 'exports' of object '#<Object>'

标签:window   webp   highlight   object   ann   package   win   打包   tor   

原文地址:http://www.cnblogs.com/oukichi/p/6389428.html

(3)
(2)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!