js不能用import {}来获取一个对象的属性吗?

在a.js里

export default {
  b: 1
}

然后在b.js里

import { b } from './a'
console.log(b)

结果报错: "export 'b' was not found in './a'
babel/webpack环境
是我的使用方式不对吗?

阅读 5.6k
6 个回答

不是你使用方式不对,是没有export的东西不能imort,模块并不和对象属性类似

export const b = 1;

import { b } from './a'

export default 是作为一个整体导出的,只能整体导入,不能解构。

export default {
  b: 1
}

import * as tmpname from './a';
console.log(tmpname.default.b)

import othername from './a';
console.log(othername.b)

阮一峰老师的ES6教程了解一下,知识讲解的挺详细的,也包括了import, export的用法:
Module 的语法

import引用和解构赋值不能当成一回事, 当然,这种引用貌似可以通过babel插件支持,但是毕竟不是正确用法。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题