javascript - 解析错误: Line 1: Illegal import declaration

Question

我使用名为 App.jsx 的文件中的代码创建了一个 React 应用程序，其开头如下:

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

当我执行npm run时，我得到:

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

我在网上查了一下，除非我使用 Babel，否则 import 语句似乎无法被识别。

但是，据我了解，使用新的 Create React App https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html不需要 Babel。

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

Answer 1

在 .eslintrc 文件中，通过 ecmaFeatures: { module: true } 启用模块

参见Illegal import declaration - Issue #2112了解更多信息。