Axios「モジュール外で import ステートメントを使用できません」

Question

次の内容を含む 2 つのファイルを含む Vue.js アプリケーションがあります。

「axios」から axios をインポートします

これらのファイルはアプリケーション内の src/lib にあり、最初の行に import ステートメントが含まれています。

package.json の記述に関係なく、Github でテストを実行すると Axios 1.0.0 がインストールされ、これらのファイルを含むテストはすべて上記のエラーで失敗します。

ステートメントを

const axios = require("axios") に変更しても失敗します。node_modules/axios/index.js の 1 行目に import ステートメントが含まれており、そこで例外がスローされます。

このような問題に対して私がよく目にする 1 つの提案は、

"type": "module" を package.json ( src/ と同じレベル) に追加することです。これにより、すべてのテストが失敗し、vue.config.js の名前を vue.config.cjs に変更する必要があります。これを行うと混乱します: エラー: ネイティブ ECMAScript モジュール構成ファイルを使用しているようですが、これは Babel を非同期で実行する場合にのみサポートされます 理解できません。

ここで何をすべきかを誰かが提案できますか?

Answer 1

force jest import commonjs axios buildを追加することでこのエラーを修正できました

リーリー

を私の package.json に追加します。 transformIgnorePatterns を使用した他のソリューションは私にとっては機能しませんでした。