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
この問題を解決するにはどうすればよいですか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ここに示されているファイルの HTML 部分は JavaScript として扱われます。これは、Vue がこの HTML を認識しないことを意味します。
私の場合、コンポーネントに *.vue ではなく *.Vue (大文字の V) という名前を付けたため、エラーが発生しました。
リーリーこれを機能させるには、ファイル名を .vue に変更し、インポート ステートメントを変更する必要がありました。 サーバーも再起動しました（念のため）
リーリーこれは、.Vue ファイルが (コンポーネントではなく) 通常の js ファイルとして扱われるためである可能性があります。推測ですが、私は Vue を初めて使用します。