如何在Vue文件中包含資源文件夾？

Question

我試過這個（我正在使用Vue的官方Webpack模板 ）：

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
      }
    })
  }
}

但是，我收到此錯誤：

模塊構建失敗：錯誤：ENOENT：沒有這樣的文件或目錄，打開'E：\\ alex \\ vreditor \\ src \\ assets \\ img \\ photoeditorsdk \\ assets'

也許代碼正在搜索名為assets的文件？

如何正確導入Vue文件中的文件夾？

注意：這是我項目的結構：

Answer 1

這不是require()工作原理。 你想要的只是絕對的道路。

這樣的事情應該適合你。

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