Javascript 无法在react中导入模块

我制作了此实用程序，我想将其导入另一个文件：

const fetch = require('node-fetch');

/**
 * @todo Add documentation
 */
class SimplicateApi { 
    constructor(key,secret){
        this._key = key; 
        this._secret = secret; 
        this.baseUrl = 'https://simplicate.nl/api/v2'; 

        this.options = {
            headers: { 
                'Content-Type': 'application/json', 
                'Authentication-Key' : this._key, 
                'Authentication-Secret' : this._secret
            }
        }
    }

    get(endpoint) {
        return fetch(`${this.baseUrl}${endpoint}`, this.options)
        .then(res => res.json())
        .then(json => json);
    }
}

export default SimplicateApi;

在另一个文件中，我将按如下方式导入它：

import SimplicateApi from '../../utils/SimplicateApi';

我收到的错误是：

（函数（导出、要求、模块、_文件名、_目录名）{import {SimplicateApi}来自“../../utils/SimplicateApi”； ^

SyntaxError:意外标记{ 在新脚本中（vm.js:80:7） 在createScript上（vm.js:274:10） 在Object.runInThisContext（vm.js:326:10） at模块编译（内部/modules/cjs/loader.js:664:28） at Object.Module._extensions..js（internal/modules/cjs/loader.js:712:10） at Module.load（内部/modules/cjs/loader.js:600:32） 在tryModuleLoad（内部/modules/cjs/loader.js:539:12） 在Function.Module.\u加载（内部/modules/cjs/loader.js:531:3）
位于Function.Module.runMain（内部/modules/cjs/loader.js:754:12）
启动时（internal/bootstrap/node.js:283:19）PS C:\Users\klmaa\OneDrive\Bureaublad\dexhub\client\src\components\cmInf

我删除了所有内容，甚至删除了fetch，只是像这样导出了类：

// import fetch from 'node-fetch';

/**
 * @todo Add documentation
 */
class SimplicateApi { 

}

export default SimplicateApi; 

import SimplicateApi from '../../utils/SimplicateApi';

现在我像这样导入它：

// import fetch from 'node-fetch';

/**
 * @todo Add documentation
 */
class SimplicateApi { 

}

export default SimplicateApi; 

import SimplicateApi from '../../utils/SimplicateApi';

错误看起来仍然像：

(function (exports, require, module, __filename, __dirname) { import SimplicateApi from '../../utils/SimplicateApi';
                                                                     ^^^^^^^^^^^^^

SyntaxError: Unexpected identifier
    at new Script (vm.js:80:7)
    at createScript (vm.js:274:10)
    at Object.runInThisContext (vm.js:326:10)
    at Module._compile (internal/modules/cjs/loader.js:664:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
    at Module.load (internal/modules/cjs/loader.js:600:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
    at Function.Module._load (internal/modules/cjs/loader.js:531:3)     
    at Function.Module.runMain (internal/modules/cjs/loader.js:754:12)  
    at startup (internal/bootstrap/node.js:283:19)
PS C:\Users\klmaa\OneDrive\Bureaublad\dexhub\client\src\components\cmInf

---

您的代码混合了

CommonJs模块

和

在react中，您应该使用ES6模块。 React不支持CommonJs模块。您需要为此配置Babel

const fetch = require('node-fetch'); // this wronng import syntax in React.

改变应该是

// if you are in react.
    import fetch from 'node-fetch'; // for react

//if you are in Node.
class SimplicateApi { 

}

module.exports = SimplicateApi; 

---

您混合了commonJs模块和ES6模块。我使用了import而不是require，我仍然得到相同的错误。请共享错误和节点获取文件相关代码，因此我更新了我的代码和问题，请看一看，错误仍然与您在nodejs或reactjs中编写的完全相同？这是react应用程序，但是普通java脚本函数