需要工作但导入不工作

Question

我有一个 actions.js 文件正在导出这样的操作

export var toggleTodo = (id) => {
  return {
    type: 'TOGGLE_TODO',
    id
  }
}

但是当我使用 es6 import 导入它时出现错误

Uncaught TypeError: Cannot read property 'toggleTodo' of undefined

但是当我使用普通 js 要求它时，它工作得很好！有人可以向我解释为什么会这样吗，我的意思是我读到这两个是相同的东西......似乎有些不同？

// var actions = require('actions') working 
// dispatch(actions.toggleTodo(id));

import actions from 'actions' //not working
dispatch(actions.toggleTodo(id));

Answer 1

import 有几种不同的形式，每种形式都略有不同。您正在使用的那个

import actions from 'actions' //not working

用于导入 default export from actions module. You can see complete list in MDN javascript reference。

它不起作用，因为您的 action.js 模块可能没有默认导出，并且 actions 未定义。

大致对应require调用的格式是这个：

import * as actions from 'actions';

它允许您访问所有导出的值作为 actions:

的属性

dispatch(actions.toggleTodo(id));

或者您可以像这样使用命名导入：

import {toggleTodo} from 'actions';

那么可以直接使用toggleTodo:

dispatch(toggleTodo(id));

需要工作但导入不工作

require working but import not working

es6-module-loader

es6-class

es6-modules