reactjs - 如何在 Tizen 中构建 create-react-app？

Question

我想使用 create-react-app 构建一个 Web 应用程序，然后将其与 Tizen 打包以制作一个适用于三星智能电视的应用程序。我如何建立这样的项目？要创建我的 React 应用程序的 Tizen 项目，我应该构建、打包或添加什么？
如果有人能给我写一个分步指南，我将非常非常感激。

我试图在 Tizen 项目中创建一个 react 应用程序。它没有用。我尝试构建我的 React 应用程序并将构建目录复制到 Tizen 项目。它没有用。我认为在 config.xml 中指向我的 react 应用程序中的 index.html 会产生一些结果。但不是。尝试将文件从 react 应用程序增量添加到我的 Tizen 应用程序。失败。

这个三星电视的开发似乎有点困难。帮助。
我是防火和绝望的。谢谢。

Answer 1

Tizen Studio 在文件放置方面似乎有点奇怪。试图拥有 config.xml文件在根目录，但指向 ./build/index.html 的位置似乎混淆了它。

我这样做的方式是这样的:

创建您的 react 应用程序。

套装homepage package.json 里面的 key 至 ./以便生成相对于 index.html 的 Assets 文件路径而不是绝对的。

运行生产版本 yarn build (或 npm run build )生成 ./build文件夹。

启动一个指向 ./build 的新 Tizen Web 应用程序 react 应用程序的文件夹。这需要在您输入项目名称的位置展开“更多属性”，并取消选中默认位置(以便您可以浏览到您的 ./build 文件夹)。对于与 Tizen 相关的所有其他内容，您应该能够遵循 Tizen 文档。

将生成的 Tizen Web 应用程序文件( icon.png 、 .settings 、 .project 、 config.xml 、 .tproject )复制到 ./public react app 的文件夹，以便在每次构建后复制它们。请注意，Tizen 点文件不会显示在 Tizen Studio 中，您应该从将显示它们的文件资源管理器中复制它们。在 Tizen Studio 中，只有这个 ./build文件夹将显示为您项目的一部分，并且只能用于运行 build/debug/run行动。对 Tizen 应用程序配置等的任何更改都应在 ./public 中完成 react 应用程序的文件夹，否则它们会在每次构建后被覆盖。

在 Tizen Studio 首选项中禁用验证器 Tizen Studio/Web/Editor/Javascript Editor .启用此功能后，在构建期间验证缩小的代码时，构建会被阻塞。

附带说明...对于带 Remote 的导航，我使用了 this component library .这是最容易实现的。