2017-11-01 5 views
3

私は(私はVueの公式Webpack templateを使用しています)、これを試してみました:Vueファイルにassetsフォルダを含めるにはどうすればいいですか?

data() { 
    photoEditorAssets: require('../assets/img/photoeditorsdk/assets'), 
} 

mounted() { 
    var editor = new PhotoEditorSDK.UI.DesktopUI({ //eslint-disable-line 
     container: container, 
     assets: { 
     baseUrl: this.photoEditorAssets // <-- This should be the absolute path to your `assets` directory 
     } 
    }) 
    } 
} 

はしかし、私はこのエラーを取得する:

Module build failed: Error: ENOENT: no such file or directory, open 'E:\alex\vreditor\src\assets\img\photoeditorsdk\assets'

は、たぶんコードは、資産と呼ばれるファイルを探していますか?

Vueファイル内のフォルダを正しくインポートするにはどうすればいいですか?

注:

enter image description here

+0

私は 'static'フォルダを使用しています。 https://stackoverflow.com/q/44959724/283366 – Phil

+0

@PhI同じエラーが表示されます: '/ static/photoeditorsdk/assets /'を解決できません: https://i.stack.imgur.com /1W9dK.png – alex

答えて

3

どのようrequire()作品ではありません。ここに私のプロジェクトの構造です。あなたが望むのは絶対的な道だけです。

このような何かがあなたのために働くはずです。

data() { 
    photoEditorAssets: '../assets/img/photoeditorsdk/assets', 
} 
+0

私はそれを試みましたが、 'photoEditorAssets'は文字列になります:' ../ assets/img/photoeditorsdk/assets/'' – alex

+0

@alexまさに。それは文字列でなければなりません。パスを指定する文字列。 –

+0

URLは次のようになります。http:// localhost:8080/buildings/44fcb985-2e0c-44f6-9014-c053c2369908/assets/ui/desktop/editor/controls/focus/icon.png 404現在のURLに自身を挿入します。 – alex

関連する問題