Assign array to a variable before exporting as module default

报错原因

因为你的写法是错误的，对，没错，这里是错误的!!!

解决方式

哪里报错，就给他添一句

 //eslint-disable-next-line

why？

# const.js
export default { test1: 1,test2: 2
}
# use.js
import { test1,test2 } from './const.js';
console.log('test1:',test1); // undefined
console.log('test2:',test2); // undefined

这里正确的输出结果应该是undefined，之所以能够正常输出1，2是因为babel5帮我补上了上下文。造成这种错误的原因就在于：对象解构的语法和命名导出的语法长得一模一样，虽然语法一模一样，但是由于两者使用的上下文不一样(this)，import {a，b, c } from ‘./xxx’，这种情况下就是命名导出,不和import/export一起使用时才是对象解构。babel 发现了babel5的这个问题，再babel6中已经进行了修复。上述代码在babel6中打印的结果就是undefined,undefined了。但是为了友好的过度，目前阶段，只是采用警告的方式来提醒用户。

正确写法

# const.js
const test1 = 1
const test2 = 2
export default { test1,test2
}
// 或者
export const test1 = 1
export const test2 = 2
# use.js
import { test1,test2 } from './const.js';
console.log('test1:',test1); // undefined
console.log('test2:',test2); // undefined

参考文档
杨健 : 深入解析ES Module（一）：禁用export default object

Assign array to a variable before exporting as module default相关推荐

P12:Redux进阶-将组件UI和业务逻辑进行拆分
Redux 进阶阐述拆分UI组件 TodoList.js 文件的修改 UI组件和业务逻辑组件的整合 demo 项目目录 demo01\src\index.js demo01\src\TodoLis ...
javascript语法_了解JavaScript中的解构，剩余参数和传播语法
javascript语法 The author selected the COVID-19 Relief Fund to receive a donation as part of the Write ...
TF.VARIABLE和TENSOR的区别（转）
刷课过程中思考到Variable和Tensor之间的区别,尝试发现在如下代码中: a = tf.Variable(tf.ones(1)) b = tf.add(a,tf.ones(1)) 1 2 a是 ...
每日一篇——lodash—array——differenceBy
_.differenceBy(array, [values], [iteratee=_.identity]) 复制代码和_.difference方法很像只不过多提供了一个iteratee参数,能够让 ...
Array in Python
Other than some generic containers like list, Python in its definition can also handle containers wi ...
3D游戏引擎底层数据结构的封装之Array
笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,国家专利发明人;已出版书籍:<手把手教你架构3D游戏引擎>电子工业出版社和<Unity3D ...
flask框架视图和路由_角度视图，路由和NgModule的解释
flask框架视图和路由 Angular vs AngularJS (Angular vs AngularJS) AngularJS (versions 1.x) is a JavaScript-ba ...
opensips 配置文件
opensips 配置文件 Upon installation, the default configuration file path is : [INSTALL_PATH]/etc/opensip ...
keras神经网络回归预测_如何使用Keras建立您的第一个神经网络来预测房价
keras神经网络回归预测 by Joseph Lee Wei En 通过李维恩一步一步的完整的初学者指南,可使用像Deep Learning专业版这样的几行代码来构建您的第一个神经网络! (A s ...
适合初学者的数据结构_数据结构101：数组-初学者的直观介绍
适合初学者的数据结构了解您每天使用的数据结构. (Get to know the data structures that you use every day. ) Welcome! Let's S ...