Nativescript fs 模块看不到文件夹或文件

Question

我正在使用 Nativescript 教程创建轮播 here。

我遇到的问题是我收到以下错误（减去我的混淆）

Error: Failed to load component from module: undefined.xml or file: /data/data/{Obfuscated}/files/app/pages/welcome/slides/slide1.xml

当它试图在这一行加载 xml 文件时（下面是完整的 sn-p）：

slides.push(builder.load(slidePath))

经过一番检查，我发现是文件系统看不到我正在加载的文件。我的代码与教程代码相同。我已经逐行浏览了它（甚至做了一个差异），代码实际上是一样的。

这里可以更好地查看它阻塞的文件路径，您可以将其与我在下面提供的图像进行比较： /data/data/{Obfuscated}/files/app/pages/welcome/slides/slide1.xml

我可以验证文件夹结构与教程app/pages/welcome/slides.slide1.xml 中的相同，但是当页面加载时，我收到了该错误并且它永远不会加载 xml。

这是完整的 sn-p：

private loadSlides(slideFiles, slidesPath) {
    return new Promise(function (resolve, reject) {
      const slides = []
      const currentAppFolder = fs.knownFolders.currentApp();
      const path = fs.path.normalize(currentAppFolder.path + "/" + slidesPath);
      slideFiles.forEach((dataFile, i) => {
        const slidePath = path + "/" + dataFile;
        console.log(slidePath);
        // Here's where it crashes
        slides.push(builder.load(slidePath))
      });

      resolve(slides);
    });
  }

当我通过调试和使用文件系统模块来测试路径是否存在时......它总是返回错误，即使文件夹结构确实存在于教程中的方式。

console.log 行显示如下：

/data/data/{myobfuscation}/files/app/pages/welcome/slides

如您所见，它与下面的文件夹路径匹配。

我如何让文件系统看到该文件夹​​结构？当我使用它来验证存在的图像文件时它工作得很好。

这是文件夹结构的图像：

Answer 1

Webpack 永远不会知道您在运行时需要这些 XML 文件，您必须调整 webpack.config.js 以将这些文件包含在包中。

更新CopyWebpackPlugin配置如下，

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

添加 { from: { glob: "**/*.xml" } }, 会将所有 XML 文件连同文件夹结构复制到包中。