小编Tay*_*ing的帖子

无法在反应原生项目中扩展Zip

我在StackOverflow上看到了与此类似的其他问题,但我觉得这个错误一直在弹出,并且没有一个解决方案真的对我持续.我刚刚将我们的项目从React Native版本0.34.1升级到0.42.2(完成整个react-native-upgrade过程),所以我不知道这是否是造成这种痛苦的原因,但我不断收到此错误:

* What went wrong:
Execution failed for task ':react-native-awesome-card-io:prepareComFacebookFbuiTextlayoutbuilderTextlayoutbuilder100Library'.
> Could not expand ZIP '/Users/taylorking/.gradle/caches/modules-2/files-2.1/com.facebook.fbui.textlayoutbuilder/textlayoutbuilder/1.0.0/29bc8e5a1e2b33944b88277652ee83092ae1dbc0/textlayoutbuilder-1.0.0.aar'.
Run Code Online (Sandbox Code Playgroud)

它有时会发生在该软件包上react-native-awesome-card-io,但它可能发生在项目包含的任何软件包上.有时我只是继续跑步react-native run-android,它最终会自行解决,但它开始让我疯狂.

我只是为那个特定的文件做了一些窥探,我想检查我的权限,它显示:

-rw-r--r--  1 taylorking  staff  18074 Mar 16 09:41 textlayoutbuilder-1.0.0.aar
Run Code Online (Sandbox Code Playgroud)

我只是不确定这是不是问题?我对gradle不太熟悉,但至少大多数关于这个问题的帖子都以某种形式或方式处理.我愿意分享任何其他可以帮助解决这一问题的信息.

对不起,如果这似乎是重复,但似乎没有其他任何东西在这里永久解决.

更新:

我只是尝试删除该包,希望它能解决我的问题,它只是转到下一个包有相同的错误:

* What went wrong:
Execution failed for task ':react-native-camera:prepareComFacebookFrescoDrawee081Library'.
> Could not expand ZIP '/Users/taylorking/.gradle/caches/modules-2/files-2.1/com.facebook.fresco/drawee/0.8.1/a944015ddf50fdad79302e42a85a351633c24472/drawee-0.8.1.aar'.
Run Code Online (Sandbox Code Playgroud)

更新2:

我跑了cd android && ./gradlew clean,它几乎完成了清洁,但它确实拒绝我清理与react-native-camera上面的包相关的文件夹.我觉得这样做很脏,但我做到了:

sudo ./gradlew clean
Run Code Online (Sandbox Code Playgroud)

这就解决了这个问题......现在还有更好或更长期的解决方案吗?鼓励意见和想法.

android gradle react-native

18
推荐指数
1
解决办法
3926
查看次数

将CSS样式添加到React Native WebView

所以我有点难以理解......我在我们的应用程序的一部分中使用了WebView,WebView的原因是因为我们从一个API端点撤回,它返回给我们一个HTML字符串.此HTML字符串中的字体大小和其他内容未设置为在移动应用程序中使用的样式,因此我们尝试为其添加一些样式更改以获得更好的可见性.我已经看到人们在html文件的顶部添加样式标签,以便为元素添加特定的html样式,并且一切都正常工作,除了每次我点击进入具有以下内容的屏幕时,WebView的HTML中的字体大小呈现不同其中包含WebView.

这是当前的代码(样式+ html +脚本):

let rawHTML = htmlStyle + this.props.itemDetails.body_html.replace("\n", "").replace(/("\/\/[c])\w/g, "\"https://cd").replace(/(width: 10.094%;)/g, "").replace(/(width: 84.906%;)/g, "") + heightScript
Run Code Online (Sandbox Code Playgroud)

我还在调试器中将控制台记录下来,以确保它的拼接良好,甚至创建了index.html并在其中粘贴了确切的字符串,以确保它只是在那里正确显示.

这是样式字符串:

let htmlStyle = `<style>
                        #height-calculator {
                          margin: 0;
                          padding: 0;
                        }
                        #height-calculator {
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            margin: 0;
                            padding: 0;
                        }
                        body {
                          width:100%;
                        }
                        h2 {
                          font-size: 48px;
                        }
                        p {
                          font-size: 18px;
                        }
                        h3 {
                          font-size: 32px
                        }
                        img {
                          width:98%;
                        }
                        td {
                          display: block !important;
                          width: 95% !important;
                        }
                        img { …
Run Code Online (Sandbox Code Playgroud)

css webview reactjs react-native

7
推荐指数
2
解决办法
1万
查看次数

在React应用程序中刷新后,CSS样式消失

在弄清楚为什么会发生这种情况时,我感到很茫然.现在我的预感是这是一个Webpack问题.我在开发环境中没有这个刷新问题,但只有在我构建并运行该代码时.

基本上,当我在某些页面上,并刷新应用程序时...我在样式表中的所有样式都被忽略,当我检查响应时,实际上只是显示我的index.html页面.

网络响应

我将样式导入到我的应用程序的根目录中,因此在index.js中.我知道它仍然会在刷新时发生,因为我的persistedState逻辑正在发生,以及什么允许刷新工作.

这是我的生产环境的webpack配置.我觉得这有点问题,因为开发环境很好.除非我没有想到其他潜在的问题?

import webpack from 'webpack';
import path from 'path';
import ExtractTextPlugin from 'extract-text-webpack-plugin';

const GLOBALS = {
  'process.env.NODE_ENV': JSON.stringify('production')
};

export default {
  debug: true,
  devtool: 'source-map',
  noInfo: false,
  entry: [
    './src/index'
  ],
  target: 'web',
  output: {
    path: __dirname + '/dist', // Note: Physical files are only output by the production build task `npm run build`.
    publicPath: '/',
    filename: 'bundle.js'
  },
  devServer: {
    contentBase: './dist'
  },
  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.DefinePlugin(GLOBALS),
    new ExtractTextPlugin('styles.css'),
    new webpack.optimize.DedupePlugin(),
    new …
Run Code Online (Sandbox Code Playgroud)

css reactjs webpack

6
推荐指数
1
解决办法
3678
查看次数

标签 统计

css ×2

react-native ×2

reactjs ×2

android ×1

gradle ×1

webpack ×1

webview ×1