Javascript 尝试导入错误:';API请求';不是从';导出的/API请求';

Javascript 尝试导入错误:';API请求';不是从';导出的/API请求';,javascript,reactjs,Javascript,Reactjs,我对js和react都是新手,所以: 我尝试导出js函数: App.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

我对js和react都是新手,所以:

我尝试导出js函数:

App.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'
->

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


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

您的文件中没有名为APIRests的函数。您正在导出的函数是
GetMockLogLines()

所以你的进口应该是

import {GetMockLogLines} from './ApiRequests'
至于导入{}和不导入大括号之间的区别,就是如何从文件中导出内容。有两种类型的导出-默认导出和命名导出。每个文件只能有一个默认导出,导入时必须不带花括号


您可以在此处阅读更多信息-

您的文件中没有名为APIRests的函数。您正在导出的函数是
GetMockLogLines()

所以你的进口应该是

import {GetMockLogLines} from './ApiRequests'
至于导入{}和不导入大括号之间的区别,就是如何从文件中导出内容。有两种类型的导出-默认导出和命名导出。每个文件只能有一个默认导出,导入时必须不带花括号


您可以在此处阅读更多信息-

您需要直接导入
GetMockLogLines
,因为它是命名导入。 将代码更改为以下内容。
import{GetMockLogLines}来自“/apirects”

var lines=GetMockLogLines()
您需要直接导入
GetMockLogLines
,因为它是命名导入。 将代码更改为以下内容。
import{GetMockLogLines}来自“/apirects”

var lines=GetMockLogLines()
您已将函数命名为
GetMockLogLines
,因此您必须使用
import{GetMockLogLines}从“/apirects”
导入它,您也可以像这样从“/apirects”导入它。但是我认为您需要考虑在这种情况下什么是最合适的代码结构。您已经将函数命名为
GetMockLogLines
,因此您必须使用
import{GetMockLogLines}from./ApiRequests'
导入它。您也可以像这样导入它
import{*asapirequests}from./ApiRequests'
。但我认为,在这种情况下,您需要考虑什么是构造代码的最合适的方法。