webpack:同一模块中的import + module.exports导致错误

JavaScript Webpack

神乐凯神无

2020-03-24

我正在使用webpack开发一个网站。当我有这样的代码时:

import $ from 'jquery';
function foo() {};
module.exports = foo;

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

事实证明,改变import $ from 'jquery'var $ = require('jquery')不行导致任何错误。

为什么使用module.exports导入会导致此错误?使用require代替有什么问题吗?

第3453篇《webpack:同一模块中的import + module.exports导致错误》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
蛋蛋猿 2020.03.24

你不能混用importmodule.exportsimport世界上,您需要导出东西。

// Change this
module.exports = foo;

// To this
export default foo;

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android