エラー: コンテンツに無効な JS 構文が含まれているため、ソースをインポート分析のために解析できません

Question

vite vue を使用して Web コンポーネントの単体テストを行ったときに、次のエラーが発生しました:

エラー: コンテンツに無効な JS 構文が含まれているため、ソースをインポート分析用に解析できません。 .html ファイル形式を処理するには、適切なプラグインをインストールする必要がある場合があります。 ❯ formatError ノードモジュール/vite/dist/node/chunks/dep-59dc6e00.js:38663:46 ❯ TransformContext.error ノードモジュール/vite/dist/node/chunks/dep-59dc6e00.js:38659:19 ❯ TransformContext.transform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:56777:22 ❯ 非同期 Object.transform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38900:30 ❯ 非同期 doTransform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:55857:29

この問題を解決するにはどうすればよいですか?

Answer 1

ここに示されているファイルの HTML 部分は JavaScript として扱われます。これは、Vue がこの HTML を認識しないことを意味します。

私の場合、コンポーネントに *.vue ではなく *.Vue (大文字の V) という名前を付けたため、エラーが発生しました。

リーリー

これを機能させるには、ファイル名を .vue に変更し、インポート ステートメントを変更する必要がありました。 サーバーも再起動しました（念のため）

リーリー

これは、.Vue ファイルが (コンポーネントではなく) 通常の js ファイルとして扱われるためである可能性があります。推測ですが、私は Vue を初めて使用します。