Когда я запускаю файл JavaScript в WebStorm, говорит, что невозможно импортировать оператор вне модуля

Question

Ошибка говорит как это ** import React, {Component} from 'react';

SyntaxError: Cannot use import statement outside a module
    at Module._compile (internal/modules/cjs/loader.js:891:18)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:991:10)
    at Module.load (internal/modules/cjs/loader.js:811:32)
    at Function.Module._load (internal/modules/cjs/loader.js:723:14)
    at Function.Module.runMain (internal/modules/cjs/loader.js:1043:10)
    at internal/main/run_enter code heremain_module.js:17:11**

Answer 1

Похоже, что вы пытаетесь запустить приложение React с Node.js, щелкнув правой кнопкой мыши файл .js компонента и выбрав Run . Это не должно работать; вам нужно транспилировать / собрать свое приложение, запустить сервер, на котором оно размещено, а затем открыть URL-адрес сервера в браузере. Для приложений, созданных с помощью create-react-app, следуйте инструкциям из https://www.jetbrains.com/help/webstorm/2020.1/react.html#react_running_and_debugging

Answer 2

Я предполагаю, что вы пытаетесь создать приложение для реагирования с нуля, не используя команду create-react-app cli. В этом случае импорт и экспорт ES6 не будут работать, потому что node.js не поддерживает этот импорт / экспорт из коробки. В настоящее время они следуют общей модульной системе JS. Чтобы добиться импорта / экспорта ES6, вы должны использовать babel для переноса кода с ES6 на ES5. Или, в соответствии с версией вашего узла (обычно более новая версия), вы можете попробовать несколько вещей, как указано в следующем отличном ответе на сам stackoverflow: -

{ ссылка }