运行vue仿新闻客户端出错

 

运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错

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

点开错误的文件，标注错误的地方是这样的一段代码：

这个是在/src/filters/index.js里的

1 2 3 4 5

import {normalTime} from './timeFormat';   module.exports={ 　　normalTime };

就是module.exports;

解决方法

同过谷歌查找，和论坛各种搜索:

原因如下：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 。

因为webpack 2中不允许混用import和module.exports ,

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

1 2 3

import {normalTime} from './timeFormat';   export default normalTime;