如何在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',
}