当我在Webstorm中运行javascript文件时，表示无法在模块外部导入语句

Question

错误是这样说的**从'react'导入React，{Component};

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

我假设您正在尝试不使用create-react-app cli从头开始创建您的react应用。在这种情况下，ES6导入和导出将无法工作，因为node.js不支持现成的这些导入/导出。他们目前遵循CommonJS模块系统。为了实现ES6导入/导出，您必须使用babel将代码从ES6转换为ES5。或者根据您的节点版本（通常是较新的版本），您可以尝试一些方法，如以下关于stackoverflow本身的出色回答所述：-