Javascript 分析错误：第1行：非法导入声明

我使用名为

App.jsx

的文件中的代码创建了一个React应用程序，该文件的开头如下：

import React, { Component } from 'react';
import logo from './logo.svg';
import ReactDOM from 'react-dom';
import './App.css';

当我运行npm时，我得到：

> 1 | Parse Error: Line 1: Illegal import declaration
    |       ^
  2 | for file /path/to/file/App.jsx

我在网上查看了一下，发现除非我使用Babel，否则无法识别

import

语句

然而，据我所知，有了新的CreateReact应用程序，就不需要巴贝尔了

那么解决这个问题的最佳方法是什么呢？

来自以下链接：

CreateReact应用程序使用Webpack和Babel

---

由于当前浏览器不支持import语句，因此您必须使用Babel或类似的

您不需要将Babel添加到项目中，因为它已经包含在create react app提供的开发环境中。但是，您不能直接运行文件。您必须按照您在问题中链接的博文中的建议使用它。

在

.eslintrc

文件中，通过

ecmaFeatures:{modules:true}

启用模块

---

有关更多信息，请参阅。

来自文档：“您的计算机上需要有大于等于4的节点。”。我打赌你不会。是的，我确实有节点>=4…节点不支持

导入

，所以听起来好像Babel没有正确启用？请查看git页面导入组件。那么我到底该如何使用它呢？@octavian

npm start

这正是问题所在

npm start

生成带有上述错误的文件