小编sga*_*dev的帖子

我有以下代码:

<ScrollView Orientation="Vertical" Padding="0" VerticalOptions="FillAndExpand">
                <StackLayout Spacing="0" Padding="15,0">
                    <Frame HasShadow="false" BackgroundColor="Transparent" Padding="0">
                        <RelativeLayout BackgroundColor="Olive" Padding="0" VerticalOptions="End">
                            <Frame HeightRequest="100" WidthRequest="100" BackgroundColor="Purple" Padding="0" HasShadow="false">
                                <Image HeightRequest="50" WidthRequest="50" Source="assets/avatar-man.png"></Image>
                            </Frame>
                            <BoxView HeightRequest="100" BackgroundColor="Teal" RelativeLayout.XConstraint="{ConstraintExpression Type=Constant, Constant=100}" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1, Constant=-100}" />
                            <Frame BackgroundColor="Transparent" HasShadow="false" Padding="0" RelativeLayout.XConstraint="{ConstraintExpression Type=Constant, Constant=100}" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1, Constant=-100}">
                                <Label>Hello</Label>
                            </Frame>
                        </RelativeLayout>
                    </Frame>
                </StackLayout>
            </ScrollView>

但是,出于某种原因,图像高度请求被忽略,而不是显示50x50单位平方,它填充整个屏幕,如下所示:

有谁知道为什么会被忽略以及如何解决这个问题？

我正在按照https://cordova.apache.org/#getstarted上的入门教程进行操作,但是尽管按照说明清楚,我仍然收到错误,这就是我所做的:

npm install -g cordova
cordova create myApp
cd myApp
cordova platform add browser
cordova run browser

但在最后一个命令结束时,我收到一个错误:

C:\code\cordova\test
? cordova run browser
Running command: cmd "/s /c "C:\code\cordova\test\platforms\browser\cordova\run.bat""
C:\code\cordova\test\platforms\browser\cordova\node_modules\cordova-serve\node_modules\q\q.js:155
                throw e;
                      ^
Error: listen EACCES
    at exports._errnoException (util.js:746:11)
    at Server._listen2 (net.js:1139:19)
    at listen (net.js:1182:10)
    at Server.listen (net.js:1267:5)
    at module.exports (C:\code\cordova\test\platforms\browser\cordova\node_modules\cordova-serve\src\server.js:134:8)
    at C:\code\cordova\test\platforms\browser\cordova\node_modules\cordova-serve\src\platform.js:45:16
    at _fulfilled (C:\code\cordova\test\platforms\browser\cordova\node_modules\cordova-serve\node_modules\q\q.js:834:54)
    at self.promiseDispatch.done (C:\code\cordova\test\platforms\browser\cordova\node_modules\cordova-serve\node_modules\q\q.js:863:30)
    at Promise.promise.promiseDispatch (C:\code\cordova\test\platforms\browser\cordova\node_modules\cordova-serve\node_modules\q\q.js:796:13)
    at C:\code\cordova\test\platforms\browser\cordova\node_modules\cordova-serve\node_modules\q\q.js:857:14
ERROR running one or more of the platforms: Error: cmd: Command failed with exit …

我记得用过

docker rm -f `docker ps -aq`

几个月前没有问题链接命令,但现在这不起作用,我得到以下输出:

unknown shorthand flag: 'a' in -aq`
See 'docker rm --help'.

改变了什么？如何在一行中删除所有Docker运行容器？如果它有帮助,我在Windows 10上使用Docker for Windows(本机与Hyper-V,而不是VirtualBox),并且我使用的命令在我以前的Windows 8 Docker工具箱安装中运行良好.

在您指出之前，是的，我知道这似乎是多个问题的重复。

• JEST：在jest.setTimeout指定的5000ms超时内未调用异步回调
• 获得超时-在jest.setTimeout指定的5000ms超时内未调用异步回调

但是，我实现了建议的所有3个修复程序；

• jest.setTimeout()在测试中使用以设置异步超时
• 使用第三个参数test()传递扩展的异步超时限制
• done完成后调用函数

但是，在自动Linux机器（Jenkins）上运行我的笑话测试时，它仍然会抛出相同的错误。另外，值得一提的是，这在运行NodeJS v10的MacOS计算机上运行良好，而自动化的Linux计算机运行NodeJS V8.8.3（最新的LTS版本）

这就是我开玩笑的测试结果。

const webdriverio = require('webdriverio');
const options = {
    desiredCapabilities: {
        browserName: 'chrome',
        chromeOptions: {
            args: ["--no-sandbox", "disable-web-security", "--disable-dev-shm-usage"]
        } 
    } 
};
const client = webdriverio.remote(options);

beforeEach(async () => {
    await client.init();
})

test('Google Search for WebdriverIO has correct title', async (done) => {
    jest.setTimeout(30000)
    await client.url('https://www.google.com/ncr');
    await client.setValue('input[name=q]', 'WebdriverIO');
    await client.click('input[value="Google Search"]');
    const title = await client.getTitle();
    expect(title).toBe('WebdriverIO - Google Search');
    done();
}, 30000);

afterEach(async …

语境

这个问题与我的另一个问题有关，How to handle apollo client errors crashing page render in Nuxt? ，但我会尽量保持孤立，因为我希望这个问题只关注 Nuxt（减去 apollo）。但是，我决定单独提出这个问题，因为我正在寻找完全不同的响应/解决方案。

问题

我目前正在维护一个生产 Nuxt/Vue 应用程序，该应用程序使用该@nuxt/apollo模块发出 GraphQL 请求。

问题是，我们依赖的 GraphQL 服务器时不时出现故障并返回一个 HTML 错误页面，这会导致 Apollo 客户端崩溃。但是因为我们将 Apollo 作为 nuxt 模块加载，它也会使页面渲染管道崩溃。给我们一个看起来像这样的通用服务器错误页面；

服务器错误 应用程序中发生错误，无法提供您的页面。如果您是应用程序所有者，请检查您的日志以了解详细信息。

以及以下堆栈跟踪：

 ERROR  Network error: Unexpected token < in JSON at position 0                                                            08:11:04

  at new ApolloError (node_modules/apollo-client/bundle.umd.js:92:26)
  at node_modules/apollo-client/bundle.umd.js:1588:34
  at node_modules/apollo-client/bundle.umd.js:2008:15
  at Set.forEach (<anonymous>)
  at node_modules/apollo-client/bundle.umd.js:2006:26
  at Map.forEach (<anonymous>)
  at QueryManager.broadcastQueries (node_modules/apollo-client/bundle.umd.js:2004:20)
  at node_modules/apollo-client/bundle.umd.js:1483:29
  at processTicksAndRejections (node:internal/process/task_queues:94:5)

然而，这些堆栈跟踪都不允许我们看到 nuxt 在哪里抛出错误，因此我们可以处理它。

我们尝试过的

在过去的几周里，我们已经用尽了所有的选择来调查这个问题。我们首先尝试通过使用所有 3 …

假设我有类似的东西

var url = 'http://stackoverflow.com/questions/24a34b83c72/js-regex-get-values-between-two-characters'

我如何24a34b83c72使用纯JavaScript 获取ID？我知道它总是在questions/零件之后,无论它是否包含数字或符号,它都需要在下一个之前结束/.我尝试过这样的事情;

url.substring(url.lastIndexOf('questions/'))

但这导致了整个线程.我尝试了正常的表达,但我最接近的是:

var regex = /"details\/"[a-zA-Z0-9]+"\/"/

谁能帮我？

我已经尝试过以下线程中显示的内容：

我可以将我的 Github Pages index.html 放在存储库的子文件夹中吗？

可以更改 github 页面查找 index.html 的位置吗？

基本上，运行git subtree push --prefix public origin gh-pages并没有做任何事情，而且我的网站上仍然出现 404 错误（位于此处）。你可以在这里找到我网站的结构。

这是我的 Github Pages 配置：

另外，一个可能重要的注意事项：我的站点是从master分支部署的，而不是 gh-pages 分支（在运行上面的命令之前它甚至不存在）

有任何想法吗？

Tailwind 的配置文档对该extend属性进行了多种使用，但没有阐明对theme属性进行自定义与对theme.extend属性进行自定义的区别。

module.exports = {
  content: ['./src/**/*.{html,js}'],
  theme: {
    colors: {
      'blue': '#1fb6ff',
      'purple': '#7e5bef',
      'pink': '#ff49db',
    },
    extend: {
      spacing: {
        '8xl': '96rem',
        '9xl': '128rem',
      },
    }
  },
}

这里有什么区别呢？我已经测试过，可以切换颜色和间距属性，并且它们仍然有效。

问题

我编写的任何 CSS 类名都不会覆盖 Chakra UI 组件样式，即使将它们直接作为类名传递，例如：<Button className="my-class-that-wont-work">

复制步骤

我使用他们的CRA 指南创建了一个简单的新 Chakra-UI 项目

npx create-react-app my-app --template @chakra-ui

我继续添加一个文件并使用简单的类名将index.css其导入src/index.js（或）：src/App.jsx

npx create-react-app my-app --template @chakra-ui

但是，当我尝试使用 CSS 类覆盖任何 Chakra UI 的组件样式时，CSS 类样式会被 Chakra 的样式覆盖。这是一个简单的例子，试图使模态页脚具有弹性+空间，以便按钮展开。

<ModalFooter className="my-class-name">

这似乎是因为 Chakra UI在运行时<style>末尾使用标签注入由 Emotion CSS-in-JS 生成的 CSS <head>，这使得 Chakra 组件 CSS 有权覆盖 JSX 组件中导入的自定义 CSSimport "./index.css";

我的问题

有没有什么方法可以强制 Chakra UI CSS 在运行时在元素中提前加载，<head>以便我能够使用普通 CSS 类覆盖它？

实现这一点不仅可以让我更轻松地在现有代码库中实现 Chakra UI，还可以让像 Tailwind CSS 这样依赖实用程序类的框架正常工作。

编辑：似乎为了 …

我正在学习一些新近引入的React.Context API，但是我注意到各个示例在使用它方面存在一些不一致之处。一些使用原始的Context.Consumer HOC方法，而某些（包括React Docs）使用静态的Class.contextType方法。有什么区别？为什么不一致？