reactでimportするときのimport順番

Question

reactでtypescriptのsampleを作成しているときにimportのところで以下のようなコンパイルエラーが出力されました

(4,1): Import sources within a group must be alphabetized.

該当部分のimport文は以下の通りです

import * as React from 'react';
import './App.css';
import MyComponent from './components/MyComponent';
import { MuiThemeProvider } from 'material-ui/styles';

調べてみるとimportがアルファベット順でなければいけないと書かれていたのですが、どこを基準に並び替えればよいのかわかりません。

この例で言うとどこのようにimportするのが正しいのでしょうか。

Answer 1

モジュールパスの部分です。
挙げられたコードの場合は下記のようになるかと思います。

import { MuiThemeProvider } from 'material-ui/styles';
import * as React from 'react';
import './App.css';
import MyComponent from './components/MyComponent';

Comments

[mosmos_21]

なるほどそこなのですね。
おっしゃる順番にしたら動作しました！
ありがとうございました！