Can't import the named export *** from non EcmaScript module (only default export is available)

Can't import the named export *** from non EcmaScript module (only default export is available)

が出たときの対処法

yarn logo

環境は

- Webpack v4

- React

- typescript

Can't import the named export *** from non EcmaScript module (only default export is available)

このエラーは、ライブラリが .mjs ファイルからなにかをインポートしようとしているが、そのexportは無効ですよ（今のwebpackが認識していませんよ）　という内容なので、

webpackに.mjsが認識できるように webpack.config.js　に設定を追加してやる必要がある。

具体的には、

webpack.config.js の module.rules に、

```

{
  test: /\.mjs$/,
  include: /node_modules/,
  type: 'javascript/auto',
}

```

を追加してwebpack再起動しておしまい。