JavaScript - vue-lazyload パスの問題

Question

＃＃＃質問する：＃＃＃ リーリー リーリー

実行

npm run dev

ブラウザでエラーを報告http://localhost:8080/assets/images/.... 見つからない。上記のパスを#に変更します。 ##/src/assets/imgs/imgerror.jpg同じエラーが報告されます。 次に、src と同じレベルの静的フォルダーの下に画像を配置し、コードを書き直しました。 リーリー 画像は正常にロードできますが、長い間手がかりがありませんでした。

Answer 1

./assets/imgs/imgerror.jpg ディレクトリに imgs フォルダーがないようです

Answer 2

テンプレート内のパスはwebpackによって解析されると言われていますが、js内のパスはimport、require、または参照用に画像を静的の下に置くことで参照する必要があります

Answer 3

require('./assets/imgs/imgerror.jpg')