問題タブ [npm-live-server]

Live Server は、開発およびデバッグ中に非常に便利です。この機能はノード パッケージで利用できます

次に、以下のコマンドは、HTML ページでライブ更新を取得するためのローカル URL と外部 URL を提供します。

外部 URL は、WiFi 経由で接続されたデバイスを介して Web ページに加えられたライブ変更にアクセスするために使用されます。この機能は、開発時の複数デバイスのテストに役立ちます。現在、Visual Studio コードの Live Server プラグインにより、開発中のシステム (ローカル) でのみ変更を表示できます。

外部 URL 機能を有効にする Live Server のプラグインまたは設定変更はありますか?

テストしようとしている 1 つの関数を含む外部 js ファイルがあります。onclick から関数を呼び出すことができません。

init 関数があり、その呼び出しを削除して loadJSON 関数を直接呼び出しただけですが、何をしても参照エラーが発生します。

私はこれらの質問を調べました。 キャッチされない例外: ReferenceError: 未定義の変数: $

関数が定義されていません - キャッチされていない参照エラー

どちらも役に立たないようでした。

https://codepen.io/awschneider-dev/pen/LKKxyq?editors=1010

たとえば、codepen を参照してください

私が望むのは、JavaScript が Json をプルし、それを JavaScript オブジェクトに保存して、データを使用して d3 チャートを動的に作成できるようにすることだけです。私はNode.JSでライブサーバーを使用しているので、JSONファイルでxmlリクエストを実行できるので、それが問題ではないことがわかります。

ありとあらゆる助けをいただければ幸いです。

ありがとうございました！

****編集 - 悪いことに、元々は loadJSON の後に () がありましたが、それが機能するかどうかを確認するためだけに最後の努力として削除しました。ペンを直します。謝罪いたします"****

****編集 2 - スクリプトをインラインに移動しました。NodeJS Live-Server で実行すると、行console.log(xobj.responseText);は html ページのソース コード全体を返します。それは面白い！ここで何が起こっているのですか?****

****編集 3 - Techie_28 のスクリーンショットを追加。main.js の "Unexpected Token <" エラーをクリックすると、html ページが何らかの形で .js ファイルにダンプされているかのように、html ページのすべてのソース コードが表示されます。****

****編集 4 - 「予期しないトークン」エラーをクリックしたときに表示される内容を示すスクリーンショットを追加しました。main.js へのリンクをクリックすると、何らかの形で html ページが .js ファイルにダンプされているように、index.html ページが表示されます。****