@hinatakaposted at 2024-11-24

Eclipseでvue.jsプロジェクトインポート後にnode_modulesで「無効なエスケープ・シーケンス」エラー

Q&A

解決したいこと

eclipseでvue.jsのプロジェクト作成すると、node_modulesフォルダ内の無数のファイルに「無効なエスケープ・シーケンス」などのエラーが出てしまいます
解決方法をぜひ教えてください
情報足りなければ教えてください

作成手順は
https://www.youtube.com/watch?v=7esDY8YIsQk&list=PL33OZZ24O4xDJ-_mqltklx8-9DK79iDOj&index=3
の通りに作成した後、eclipseで「ファイルシステムプロジェクトを開く」でインポートしています
（実行したコマンド：
npm init vue@latest
→cd プロジェクト名
→npm install
→npm run dev）

OSはwindowsです
node.jsのバージョン： v22.11.0
（追記）
Windows：22H2(OSビルド 19045.5198)
Eclipse：Version: 2023-12 (4.30.0)

発生している問題・エラー

無効なエスケープ・シーケンス
','が必要です
'{'が必要です
など「～が必要です」

自分で試したこと

・vue.jsの再インストール
・vueプロジェクトの再作成
・該当のネット記事等見つからず
・vue createコマンドでプロジェクト作成してみる
（追記）
・VS Codeで開いたらエラーなし→eclipseの問題？
・eclispeで設定→一般→ワークスペースのテキストファイルエンコードをデフォルト設定に戻す
・C:\pleiades\2023-12\eclipse\configuration.settingsを退避→Eclipse再起動

1Answer

@nak435 posted at 2024-11-24

node_modulesフォルダ内の無数のファイルに「無効なエスケープ・シーケンス」などのエラーが出てしまいます

自分の環境では、そのようなエラーは出ていません。
質問者さんの環境で実際にエラーが出ているEclipse画面のスクショを質問欄に貼ってもらうことは可能でしょうか。
また、Windows、Eclipse の各バージョンも明記してください。

0Like

Comments

@hinataka
Questioner
返信ありがとうございます
質問欄に追記しました

Windows：22H2(OSビルド 19045.5198)
Eclipse：Version: 2023-12 (4.30.0)
@nak435
もう一つ、
Eclipseの「設定」→「一般」→「エディター」→「ファイルの関連付け」　
右ペイン「*.js」から、「関連付けられたエディター」を教えてください。
下記スクショ参照
@hinataka
Questioner

お願いします
@hinataka
Questioner
見た限りエラー出ているのはすべてjsファイルです
@nak435
（冒頭のスクショで）開いている buffer.js のアイコンを見る限り、「汎用テキスト・エディター」や「テキスト・エディター」とも異なります。
何か js 向けのアドインや追加ソフトをインストールしていませんか？
@hinataka
Questioner

Wild Web Developerというのを入れてます
@hinataka
Questioner
試しにWild Web DeveloperをアンインストールしてEclipse再起動しましたが、エラーひとつも減りません
@nak435
上記スクショで「Wild Web Developer」以外にもインストールされているように見えます。
インストール済みのものをすべて教えてもらえますか。
@hinataka
Questioner

これで全てです
・Eclipse m2e - Maven support in Eclipse IDE 最新
・Eclipse Marketplace Client
・EGit - Eclipse用 Git 統合 6.7.0
・Maven(Java EE) Integration for Eclipse WTP(Luna/Mars)1.2.0
・Subversive - SVN チーム・プロバイダー4.8
@hinataka
Questioner

関係あるか分かりませんが、「Wild Web Developer」の文字があったので貼っておきます
@nak435

これで全てです

ありがとうございます。
しかし、アドインも同じものをインストールしてみましたが、やはり、自分の環境ではエラーはできません。

・vue createコマンドでプロジェクト作成してみる

vue createコマンドで作成したプロジェクトでも、当方はエラーは出ません。

何かが違うのだと思いますが、他に思い当たりません。
@nak435

関係あるか分かりませんが、「Wild Web Developer」の文字があったので貼っておきます

「Wild Web Developer」のバージョンも同一です
@hinataka
Questioner
そうですか
ご丁寧にありがとうございます
私もどうにも原因が見つからないので、
一度再インストールしてみようと思います
@nak435
念の為の確認ですが、はじめてEclipseでvueプロジェクトを開くときは、Eclipseメニュー→「ファイル」→「ファイル・システムからプロジェクトを開く」を使っていますよね？
@hinataka
Questioner
はい、その手順で開いています
@nak435
当方も、明日以降、Windows10 で Eclipse の新規インストールから試してみます。
（先程まではWindows11 24H2にて確認）
@hinataka
Questioner
ご親切に大変嬉しく思います
お願いします

Are you sure you want to delete the question?