CSSやJavascriptのerrorと解決方法まとめ

command+Fなどで検索してください。初心者用も一応、残しておきます。

javascriptのエラー(error)

‘a’ is constant

基本です。constの再代入はできません。配列から値を取る方法や、定数ではなく変数ならletがあります。letは代入できます。

Uncaught TypeError: Cannot read property ‘length’ of undefined

Uncaught TypeError: Cannot read property 'length' of undefined

未定義エラーです。該当ファイルが表示されているはずなので、そのファイルをみてみましょう。

プラグインファイルのエラーの場合、importすることにより、別の場所に影響が及ぼすことがあります。

TypeError: “x” is not a function

TypeError: "x" is not a function

これ系のエラーは関数名が間違っていることが大半です。大文字小文字、sのつけ忘れなど。あるいはmountedから呼び出していたけど呼び出し先がうっかりmethodsになっていなかったも。

An error occurred: TypeError: Assignment to constant variable.

An error occurred: TypeError: Assignment to constant variable.

ChatGPT君がvarでコードをかいたからconstに一括置換したとき、でたエラー。for文はconstからletにしないとダメだね。

CSSのエラー(error)

This relative module was not found:

This relative module was not found:

画像の読み込みのエラーなのですが、CSSのパスは次のように書かないとダメなようです。

/* NG
background: url(~/assets/images/test.jpg) repeat-x;
background: url('~/assets/images/test.jpg') repeat-x; */

/* OK */
background: url('../assets/images/test.jpg') repeat-x;
background: url("../assets/images/test.jpg") repeat-x;

srcなどでこう指定するから紛らわしいです。

src="~/assets/images/test.jpg"

その他のエラー(error)

object null is not iterable (cannot read property Symbol(Symbol.iterator))

object null is not iterable (cannot read property Symbol(Symbol.iterator))

for文で回していたんですけど、nullをfor文で回していましたね。。

there are multiple modules with names that only differ in casing

there are multiple modules with names that only differ in casing

画像読み込みのWARNですね。画像ファイル名とコードの大文字と小文字が揃っていないとwarningがでます。

SyntaxError: Unexpected token u in JSON at position 0

SyntaxError: Unexpected token u in JSON at position 0

JSON.parse()しちゃいけないところでJSON.parse()しています。

undefinedをJSON.parse()すると、このエラーがでます。

Already included file name ‘pass’ differs from file name ‘pass’ only in casing.

Already included file name 'pass' differs from file name 'pass' only in casing.
  The file is in the program because:
    Root file specified for compilation
    Imported via

でも、あっているはず。直近でファイル移動したことを思い出しました。VS Codeを再起動したらこのエラーは消えました。

他の修正が必要な場合もあるような気がします。

error The “xxx” component has been registered but not used vue/no-unused-components

error  The "xxx" component has been registered but not used  vue/no-unused-components

凡ミス。html側にコンポーネントが使われていない。ありがちなのは大文字と小文字の違いで判別しない設定になっていました。