キャッチされないでSyntaxError:Vueのプロジェクト・エラー[ターン]予期しないトークンを<

  この記事では、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を望んでいる:./静的/ ...(注:試みなければなりません静的なフォルダに、それ以外の場合はエラー)

  

それはすべて、この記事のために、私たちは、私はあなたが家のスクリプトをサポートして願っています、学ぶために役立つことがしたいです。

 

オリジナル住所:http://www.manongjc.com/article/17978.html

おすすめ

転載: www.cnblogs.com/tynam/p/11210535.html