javascript - 尝试导入错误: 'ApiRequests' is not exported from './ApiRequests'

Question

我是 js 和 React 新手，所以:

我尝试导出js函数:

应用程序.js:

import React from 'react';
import logo from './logo.svg';
import './App.css';
import { render } from 'react-dom';
import { LazyLog } from 'react-lazylog';    
import 'bootstrap/dist/css/bootstrap.min.css';
import { Dropdown  } from 'react-bootstrap';
import {ApiRequests} from './ApiRequests'


var textConst="";
var lines=ApiRequests.GetMockLogLines();
textConst=lines;

和 ApiRequests.js:

export function GetMockLogLines()
{
 let logs=[""]
 return logs;
}

所以，当我编译 js 时(天哪)它让我崩溃了:

Attempted import error: 'ApiRequests' is not exported from './ApiRequests'.

当我将其更改为:

 import ApiRequests from './ApiRequests'

->

 Attempted import error: './ApiRequests' does not contain a default export (imported as 'ApiRequests').  

所以，我只想从另一个文件中获取函数。我做错了什么？

{} 和没有它有什么区别？ (您可以给我发送一个开始阅读的链接，请)。

Answer 1

您的文件中没有名为 Apirequests 的函数。您要导出的函数是 GetMockLogLines()

所以你的导入应该是

import {GetMockLogLines} from './ApiRequests'

至于 {} 和不带大括号之间的导入差异在于如何从文件中导出内容。有两种类型的导出 - 默认导出和命名导出。每个文件只能有一个默认导出，并且必须在不带花括号的情况下导入。

您可以在此处阅读更多信息 - https://medium.com/@etherealm/named-export-vs-default-export-in-es6-affb483a0910