如何在Vue文件中包含资源文件夹？

Question

我试过这个（我正在使用Vue的官方Webpack template）：

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：\亚历克斯\ vreditor \ SRC \资产\ IMG \ photoeditorsdk \资产'

也许代码正在搜索名为assets的文件？

如何在Vue文件中正确导入文件夹？

注意：这是我项目的结构：

Answer 1

这不是require()的工作方式。你想要的只是绝对的道路。

这样的事情应该适合你。

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