reactjs - 导入不一样

Question

嗨，在我的服务器上是这样工作的：

import api_url from '../../../../.react.config';

另一方面，它不是。相反，我必须使用：

import {api_url} from '../../../../.react.config';

两者都使用节点 4.2.2

谁能解释为什么？

Answer 1

第一种语法将使用模块的默认导出。

export default { };
// or in commonjs
module.exports = { };

如果您没有声明默认导出，则导入整个模块将不起作用。

第二种语法是一种解构模式，只有在模块导出命名属性时才有效。

export const api_url = ' ';
// commonjs
exports.api_url = ' ';

v4.2.2 不支持 ES6 模块语法，因此您可能正在使用工具来转译您的代码。

• 检查两个文件中的语句是否被转换为等效的 ES5 代码。
• 确保两个服务器上的模块导出相同。