小编Ang*_*ias的帖子

Eslint 在大括号之间添加了不必要的空间,Prettier 显示错误

我在打字稿中使用 prettier 和 eslint。

当我编写一些代码并且由于某些原因不得不留下一个空函数时,Eslint 和 Prettier 努力在空函数的大括号之间添加和删除空格。

Prettier 正在删除空间,而 Eslint 正在添加它。

什么是预期:

  constructor(
    @inject('UsersRepository')
    private usersRepository: IUsersRepository,
  ) {}

const example = ({ variable }) => {
    console.log(variable)
};
Run Code Online (Sandbox Code Playgroud)

保存后我得到了什么(Eslint 修复保存):

  constructor(
    @inject('UsersRepository')
    private usersRepository: IUsersRepository,
  ) { }

const example = ({ variable }) => {
    console.log(variable)
};
Run Code Online (Sandbox Code Playgroud)

Se 构造函数大括号之间的空间?这给了我一个Delete `·` eslint(prettier/prettier)错误。

当我保存文件时,或者 Prettier 删除了空间......然后 Eslint 再次添加它。

我该如何解决这个问题?

编辑:我想保留解构赋值空间(例如({ variable }))而不是空大括号(例如{}

下面,我.eslintrc.jsonprettier.config.js

{
  "env": {
    "es6": true, …
Run Code Online (Sandbox Code Playgroud)

javascript eslint prettier

9
推荐指数
3
解决办法
5201
查看次数

将 WSL2 与 zsh 一起使用时,如何在 Windows 上运行 Android 模拟器?

我基于这个答案:https : //stackoverflow.com/a/58229368/13495096

我需要react-native通过 WSL2 在 Windows 中开发使用。

我完全按照答案说的做了,在解决了一些错误几个小时后,我得出了以下结论:

  • WSL2 已安装并运行(Ubuntu 20.04 LTS)
  • Android Studio 安装在 Windows 10 (Pro x64) 上;
  • ADB 在 WSL2 和 Windows (1.0.32) 中的版本相同;
  • $PATH 在我的 .zshrc 文件中正确配置(如下):
# Android SDK

export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64
export JRE_HOME=/usr/lib/jvm/java-8-openjdk-amd64/jre/
export ANDROID_SDK_ROOT=/usr/lib/android-sdk
export ANDROID_HOME=/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$JAVA_HOME/bin
export PATH=$ANDROID_SDK_ROOT/cmdline-tools/tools/bin:$PATH
Run Code Online (Sandbox Code Playgroud)

我在 Android Studio (Windows) 和 Powershell 上启动了一个设备,在运行时adb devices,它返回:

List of devices attached
emulator-5554   device
Run Code Online (Sandbox Code Playgroud)

当我adb devices在我的 WSL 终端上运行时,它只返回 …

linux android windows-subsystem-for-linux react-native-android

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

在 React Native 中使用样式组件捕获 Pressable press

有没有办法将pressed属性传递给样式组件?

我现在拥有的:

import React from 'react';
import { Pressable, Text, View } from 'react-native';
import styled from 'styled-components/native';

const StyledPressable = styled(Pressable)``;

const App = () => {
  return (
    <View>
      <StyledPressable
        onPress={() => null}
        android_ripple={{ color: 'black', borderless: true }}>
        <Text>Log in</Text>
      </StyledPressable>
    </View>
  );
};

export default App;

Run Code Online (Sandbox Code Playgroud)

我想要实现什么

import React from 'react';
import { Pressable, Text, View } from 'react-native';
import styled from 'styled-components/native';

const StyledPressable = styled(Pressable)`
  background-color: ${props => pressed ? 'black' : …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native styled-components

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

如何使用 Jest 测试 Next 中的 _document

我试图在项目中实现 100% 的覆盖率,这是我无法测试的唯一文件,因为我不知道如何做到这一点。

我什至不知道从哪里开始。

我正在使用 Jest 和 React 测试库。该项目使用 NextJS。

import Document from 'next/document'
import { ServerStyleSheet } from 'styled-components'

export default class MyDocument extends Document {
  static async getInitialProps(ctx) {
    const sheet = new ServerStyleSheet()
    const originalRenderPage = ctx.renderPage

    try {
      ctx.renderPage = () =>
        originalRenderPage({
          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),
        })

      const initialProps = await Document.getInitialProps(ctx)
      return {
        ...initialProps,
        styles: (
          <>
            {initialProps.styles}
            {sheet.getStyleElement()}
          </>
        ),
      }
    } finally {
      sheet.seal()
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

ps:我知道覆盖率不是最重要的,但对于这个项目来说,100% …

testing jestjs next.js

5
推荐指数
1
解决办法
3323
查看次数

VS Code 代码命令不再在 Pop OS 的终端上工作

我知道这是一个常见问题。我已经搜索过,但答案没有帮助,因为其中许多是针对 OSx 和 WSL 的。我在流行!_OS。

我是 VS Code 用户,我习惯于code .在 VS Code 上键入以打开我当前的文件夹。但从今天起,这种情况不再发生。

代码 。 = 未找到命令

我找到的许多答案告诉我ctrl+shift+p在 VS Code 上并键入install以查找安装 shell 的命令。它不适合我。

显示上述解释的 vscode 打印屏幕

眼镜:

  • 流行!_OS 20.04 LTS x86_64
  • VS 代码 1.53.2
  • zsh 5.8 (x86_64-ubuntu-linux-gnu) + 哦,我的 Zsh

ubuntu zsh visual-studio-code

3
推荐指数
2
解决办法
3169
查看次数

Android Emulator 连接到 WSL2 中的节点服务器

我在使用 Android Studios、WSL2 和 React Native 时玩得很不开心。

每天我都有一些工作要做,其他的事情就会中断。昨天,一切正常,现在我无法从我的应用程序连接到我的服务器。

我不知道该去哪里问这个问题,但我感到绝望。我一直试图解决这个问题大约八天。我不能。我需要帮助。

我不是一个流利的开发人员。为了尽可能的澄清,我做了这个分步清单。

大部分内容都基于本教程,这是使 WSL2 + Android Studios 协同工作的唯一原因。

我在做什么,按顺序:

  • 在 WSL (Ubuntu 20) 中启动 Hyper
  • 导航到我的 React Native 项目文件夹
  • 以管理员身份打开 Windows 终端
  • 在终端运行:
adb kill-server
adb -a nodaemon server start
Run Code Online (Sandbox Code Playgroud)
  • 然后,在 Hyper:
unset ADB_SERVER_SOCKET
socat -d -d TCP-LISTEN:5037,reuseaddr,fork TCP:$(cat /etc/resolv.conf | tail -n1 | cut -d " " -f 2):5037
Run Code Online (Sandbox Code Playgroud)
  • 我让 Terminal 和 Hyper 都运行并且不关闭它们的窗口/选项卡。
  • 在另一个终端窗口中,我运行:
iex "netsh interface portproxy delete v4tov4 listenport=8081 listenaddress=127.0.0.1" | out-null;
$WSL_CLIENT = bash.exe -c …
Run Code Online (Sandbox Code Playgroud)

android android-studio react-native axios windows-subsystem-for-linux

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