Читайте локальный PDF, хранящийся в приложении, для просмотра PDF в Nativescript

Question

Я использую nativescript-pdf-viewer (https://github.com/Merott/nativescript-pdf-view) для просмотра pdf в сети и локально хранится.

Я попробовал пару ответов в github и документации https://docs.nativescript.org/ns-framework-modules/file-system, но ни одна из тем не работает. У меня есть вывод для путей, как:

const currentAppFolder = fileSystemModule.knownFolders.currentApp()
const filePath = fileSystemModule.path.join(currentAppFolder.path, "assets", "test.pdf")
this.pdfPath = filePath 

может получить путь, но при привязке к src элемента PdfView он ничего не возвращает (без отображения).

Я использую Nativescript-Vue для этого проекта.

Answer 1

Проблема была в моей конфигурации веб-пакета В этом фрагменте

// webpack.config.js

 // Copy assets to out dir. Add your own globs as needed.
new CopyWebpackPlugin([
 { from: "**/*", context: "assets" },
 ], { ignore: [`${relative(appPath, appResourcesFullPath)}/**`] }),

И получается, что то, что вы помещаете в корневой каталог /app/assets/pdf (и другие файлы в этой папке ресурсов), ОТРАЖАЕТ в файле локальной платформы, platforms/android/app/src/main/assets/app/{the files/folders inside your assets}

Таким образом, чтобы вызвать его с помощью файловой системы Nativescript,

 const currentAppFolder = fs.knownFolders.currentApp()
 const filePath = fs.path.join(currentAppFolder.path, 'pdf', 'eq.pdf')
 //console.log('PDF', fs.File.exists(filePath))
 this.pdfPath = filePath

Я создал шаблон nativescript-vue-typcript под названием Nitibo. Проверьте это в https://gitlab.com/nativescript-projects/nitibo