javascriptのファイルの分割について

Question

animal.jsファイルの「Animalクラス」を
main.jsファイルで使えるようにしたいのですが上手くいきません。

どこが間違えているのでしょうか？
よろしくお願いします。

エラーは、
main.jsファイルの1行目と、animal.jsファイルの11行目です↓

Uncaught SyntaxError: Unexpected identifier　　
main.js:11
Uncaught SyntaxError: Unexpected token default
animal.js:11

Answer 1

html側のscriptタグの順番を逆にしたらどうでしょうか？

参考リンク
Javascript function order
why does it matter
stackoverflow

Comments

[退会済みユーザー]

あ、間違えてベストアンサーをクリックしてしまいました・・。逆にしてもダメでした。

[bochan2]

animal.js側のAnimalクラスの大カッコ}を閉じ忘れてますよ

[bochan2]

Unexpected token defaultはカッコの閉じ忘れで
Unexpected identifierが参照のエラーです

[退会済みユーザー]

回答ありがとうございます。大カッコを忘れていました(^^;でも、まだエラーはそのままです。mainファイルの1行目とanimalファイルの11行目です。

[bochan2]

多分import export無くせば動くと思います

[退会済みユーザー]

はい。ファイルを分割しなければ動きます。まだ初心者なのでファイルを分割して使う場面はないのですが・・progateというプログラミング学習サイトで、ファイルを分割して使う方法を学習していまして、その通りに書いても動かないので、どうしてだろうとあれこれ調べています。難しいですね・・。

[退会済みユーザー]

あ、解決しました。import　exportを設定しなくても、ファイルを分割したままで動きました。丁寧に回答して下さってありがとうございました。

Answer 2

定義が先にないと使えないのでjsファイルの読み込み記述が逆では。
importも必要なさそうにも思えます。
というか、Syntaxなので別のところにエラーがあるようにも思いますが。

Comments

[退会済みユーザー]

回答ありがとうございます。間違えてベストアンサーを押してしまいました。まだ解決はしていません(^^;　もうすこし調べています。

[退会済みユーザー]

importもexportも必要ありませんでした。ありがとうございました。

[m.ts10806]

そのあたり回答に書いてたんですが…