关于vue-cli3打包时遇到Cannot assign to read only property 'exports' of object '#'问题的解决方法。 本文转载自 查看原文 2020-01-31 11:17 1798 vue-cli3打包时遇到Cannot assign to read only property 'exports' of object '#<Object>'问题的解决方法。 大致是说，在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。 因为webpack 2中不允许混用import和module.exports, 为了使编译好的程序能在大多数浏览器下运行。webpack里面有一个编译器叫Babel，负责把ES6的语言转化为commonJS以兼容绝大多数浏览器。当你混用这两个语法的时候你可以使用babel的commonJS模式帮你把import编译成require。 然而第二种情况就是你要使用@babel/plugin-transform-runtime这个插件的时候，同时你又在某个commonJS写的文件里使用这个插件时，babel会默认你这个文件是ES6的文件，然后就使用import导入了这个插件，从而产生了和第一种情况一样的混用错误。解决方法是在babel.config.js里配置unambiguous设置，让babel和webpack一样严格区分commonJS文件和ES6文件。 module.exports = { presets: [ '@vue/app' ], sourceType: 'unambiguous' } × 免责声明！ 本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱[e-mail]删除。 猜您在找 vue-cli3 打包时使用‘babel-loader’遇到Cannot assign to read only property ‘exports’ of object '#'问题的解决方法。 Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法 解决 Cannot assign to read only property 'exports' of object '#' 问题 Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法 Cannot assign to read only property 'exports' of object 解决办法 Cannot assign to read only property 'exports' of object '#' Cannot assign to read only property 'exports' of object '#' Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' [one day one question] webpack 打包报错 Cannot assign to read only property 'exports' of object '#' Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' 粤ICP备18138465号 © 2018-2025 CODEPRJ.COM

vue-cli3打包时遇到Cannot assign to read only property 'exports' of object '#<Object>'问题的解决方法。

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

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

  为了使编译好的程序能在大多数浏览器下运行。webpack里面有一个编译器叫Babel，负责把ES6的语言转化为commonJS以兼容绝大多数浏览器。当你混用这两个语法的时候你可以使用babel的commonJS模式帮你把import编译成require。
  然而第二种情况就是你要使用@babel/plugin-transform-runtime这个插件的时候，同时你又在某个commonJS写的文件里使用这个插件时，babel会默认你这个文件是ES6的文件，然后就使用import导入了这个插件，从而产生了和第一种情况一样的混用错误。解决方法是在babel.config.js里配置unambiguous设置，让babel和webpack一样严格区分commonJS文件和ES6文件。

module.exports = { presets: [ '@vue/app' ], sourceType: 'unambiguous' }