小编rey*_*359的帖子

如何使用 Jest 和 vue-cli 更新快照

我应该能够-u在运行测试时添加参数,但我不知道为什么它不起作用:

npm run test ComponentName.spec.js -u
npm run test ComponentName.spec.js --updateSnapshot
Run Code Online (Sandbox Code Playgroud)

但它不起作用。我的 package.json:

"scripts": {
    "test": "vue-cli-service test:unit",
Run Code Online (Sandbox Code Playgroud)

我知道我可以删除快照文件,但我想弄清楚为什么该命令不起作用。

javascript snapshot vue.js jestjs vue-cli

32
推荐指数
4
解决办法
4万
查看次数

Github - 自动将问题分配给项目

我想将问题自动分配给 Github 中的项目。基本上自动为每个自动打开的问题自动生成以下屏幕截图。有任何想法吗?

在此输入图像描述

automation github github-actions github-issues

19
推荐指数
2
解决办法
9559
查看次数

如何从公用文件夹中访问环境变量?

在我的 create-react-app 应用程序中,我的公共文件夹中有一个 javascript 文件。在其中,我需要访问一个名为的环境变量,REACT_APP_ACTUAL_ENV但我不确定如何访问。尝试通常process.env.REACT_APP_ACTUAL_ENV不起作用,因为process在公共文件夹中未定义。查看https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables,我可以%REACT_APP_ACTUAL_ENV%在公共文件夹中的 HTML 文件中进行操作,并且效果很好。但问题是我需要以某种方式在 javascript 文件中执行此操作,尽管我不确定是否可行。

environment-variables reactjs create-react-app

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

何时使用 React.PropsWithChildren

在我看来像是两个相似的设置,在一台机器上我被允许调用

<MyApp
        accountId={this.props.accountId}
        children={toggleButton} />
Run Code Online (Sandbox Code Playgroud)

MyApp 有类签名的地方

export interface IMyAppProps {
  accountId: string;
  dispatch: any;
}
    class MyApp extends React.Component<IMyAppProps, IMyAppState> {
Run Code Online (Sandbox Code Playgroud)

在另一台机器上,运行npm run-script build失败

TypeScript 构建错误 TS2322:类型“...”不可分配给类型“...”

'IntrinsicAttributes & Pick<IMyAppProps, "accountId">' 类型不存在属性 'children'

两台机器上使用的版本 react-scripts-ts 4.0.8,typescript 3.4.5。

将类定义更改为此使其在两台机器上都可以使用

class MyApp extends React.Component<React.PropsWithChildren<IMyAppProps>, IMyAppState> {
Run Code Online (Sandbox Code Playgroud)

我不确定为什么它适用于一种设置而不适用于另一种设置。我什么时候把我的 props 接口包装在里面React.PropsWithChildren

我最好的猜测是,可以在 React 或 React 相关包的类型文件中找到更改。

typescript reactjs react-props

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

如何配置GitHub默认问题过滤器参数?

搜索 GitHub 问题时,is:pr is:open将应用默认搜索过滤器 ( )。请参阅GitHub 的文档页面。

如何为此搜索配置替代默认过滤器?

其背后的原因是,我们希望隐藏我们的更新机器人PR 以进行正常操作。

github github-issues

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

Tailwind 类不生效

我为一个小项目创建了一个反应设置,并决定添加顺风。它是成功的,但是当我将类添加到组件时,我没有看到任何变化。

这是存储库的链接

css reactjs webpack tailwind-css

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

如何在微服务架构中正确管理.env文件

我已经在一个具有微服务架构的项目上工作了一段时间,其中每个服务都有自己的环境变量,这些变量通过.env每个服务/存储库的文件进行处理。

这些变量的很大一部分与其他服务 IP 和外部资源密钥相关,它们在每个环境中都不同:开发、登台和生产,因此这.env不是一个简单的变量。

我们的开发速度很快,大多数时候,这些变量会随着新功能和/或解决与该服务相关问题的团队成员实施的更改而变化。这导致几乎每次其他人想要使用某个服务时,他们都会被阻止,并且必须.env先更新文件。因此,我们最终总是互相请求和共享.env文件,并且所有文件都缺乏“真相来源” .env

我想知道其他人以前是否遇到过这个问题或类似的问题,以及采取了什么方法来解决或改进它。

是否有任何应用程序或框架可以.env以自动化的方式在团队中共享和管理文件?

提前致谢!

编辑

需要明确的是,这些不会被添加到源代码管理中,而是在 CI/CD 上得到正确处理。

我更多地讨论了本地开发、本地设置服务以及.env以简单的方式保持本地文件最新。

environment service environment-variables microservices dotenv

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

在 React 和 TypeScript 中扩展 HTML &lt;a&gt; 标签元素

我在 React 项目中使用打字稿,我想添加标签的道具。我可以访问元素的属性link,但不能访问属性a元素。link当标签的属性使用标签时,我收到错误a

React 中的元素是否有“HTMLAElement”结构a

const MyComponent: FunctionComponent<React.LinkHTMLAttributes<HTMLLinkElement>> = (
props: React.LinkHTMLAttributes<HTMLLinkElement>,
) => {
  return (
      <a {...props} className="mycomponent">  // When I use it with the <link> it doesn't give an error but I need <a>.
         MyComponent
      </a>
  );
};
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs htmlelements

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

Typescript - 从生产中删除一些代码行

我试图从生产中删除一些只应出现在开发模式中的代码。
在使用 Webpack 之前我已经这样做过很多次了,如下所述

删除生产分发文件中的一些代码行?

这是我第一次尝试用打字稿做同样的事情 - 可以实现同样的目标吗?
我使用 Typescript 作为编译器(没有 webpack 或 rollup),并用它创建 ESM 捆绑包。

我需要其他工具来去除死代码吗?

作为参考,这是我试图从我的生产版本中删除的内容

if (process.env.NODE_ENV !== 'production') {
   console.log('Just a test');
}
Run Code Online (Sandbox Code Playgroud)

environment development-environment production-environment typescript

6
推荐指数
0
解决办法
1266
查看次数

Angular HTML 字符串 - 重命名属性

我有一个像 HTML 字符串

 <span class="diff-html-changed" id="1" changes="MyText" >test </span>
Run Code Online (Sandbox Code Playgroud)

我想将文本显示为 html。我把它包括在内

displayedContentInTemplate: SafeHtml;
private sanitized: DomSanitizer,
....
displayedContentInTemplate = this.sanitized.bypassSecurityTrustHtml(contentAsString);
Run Code Online (Sandbox Code Playgroud)

我的问题是changes没有显示的内容。因此我想重命名changestitle. 这将MyText在悬停文本时显示。

如何changes正确更改属性?字符串中的简单替换可能会替换属于显示文本的文本。通过简单地创建 HTML 文档,我不知道如何更改属性名称。

html sanitization angular

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