この記事では、Vueのプロジェクトのエラーについて説明します。キャッチされないでSyntaxError:予期しないトークンは、<、サードパーティ製のJSファイルの導入に依存して、問題が発生し、小扁は、誰もが今共有するために、非常に良い感じ、だけでなく、誰もがされるようにするには参照。是非、ご覧ください、一緒に小さなシリーズに従うこと
問題が発生しました:
サードパーティ製の依存JSファイルの導入は、問題が発生したときVUEは、今日のプロジェクトを行うには:
コンソールプロンプト:Uncaught SyntaxError: Unexpected token <
以下のチャートを見て、ファイルを入力するようにプロンプトに従います。
慎重に、index.htmlファイルを見て、元のファイルは私のJS / SRC / utilsのフォルダにある見つけるが、SRC /の導入および/静的ファイルは異なります。
ソリューション:
エラーがないように、<スクリプトSRC =「./静的/ utilsの/ sockjs.js」> </ SCRIPT>、:ソリューションも変更パスを導入し、/ utilsパッケージディレクトリの下/静的にサードパーティ製のJSファイルに依存することですアップ!
要約:
静的フォルダ間の1、資産フォルダ差
差異:資産ファイルには、SRCの最後の実行をパッケージ化する必要があるということである、と静的ファイルは、最終文書に直接パックする必要はありません。
ファイルVUEテンプレート/スタイル参照の相対パスにおける資産のこの形態を用いて実施../、及び方法の@importでスクリプト.vueで静的ファイル内の任意の場所に導入されなければならない2つの間の差限り、本実施例のように、相対パスが導入さ../使用されています
2、
(1)スタイル、静止画限り、以下のリソースで使用されるSRCコンポーネントを配置するために使用資産は資産に配置されています。
(2)静的NPMパッケージには、サードパーティ製のプラグイン、フォントファイルを入れないように。
(3)資産は、静的ファイルと.vue成分に同様の構成要素を参照する場合、相対パスは../assets/wapFrontあります
3、他の静的ファイルを導入する方法をVUE:
(1)srcディレクトリの下にリソースをインポートすることができますのみ、または必要です。
次のように(2)、フォルダに、静的リソース、ディレクトリの静的、次いで確立および静的ようSRC同じレベルを導入する導入路のHTMLを望んでいる:./静的/ ...(注:試みなければなりません静的なフォルダに、それ以外の場合はエラー)
それはすべて、この記事のために、私たちは、私はあなたが家のスクリプトをサポートして願っています、学ぶために役立つことがしたいです。