小编gib*_*b65的帖子

为什么 Chrome DevTools 会显示我的 Vue 应用程序源代码的多个乱码版本?

我有一个 Vue 应用程序,我正在尝试在 Chrome DevTools 中调试它。问题是当我试图找到我想要调试的文件时,我得到了一个同名文件列表,加上一些奇怪的散列在末尾:

在此处输入图片说明

当我打开任何一个文件时,我得到一些乱码的缩小代码:

在此处输入图片说明

在此处输入图片说明

有时我可以找到我想要的文件(带有原始源代码),但有时找不到。

这些奇怪的文件是什么,我怎样才能找到我想要的文件(带有原始源代码)。有没有办法让 DevTools 只列出原始源代码文件?

谢谢。

google-chrome devtools vue.js

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

为什么在尝试将 SNS 触发器添加到我的 AWS Lambda 函数时会收到错误消息?

我正在尝试设置一个 AWS Lambda 函数,该函数在 CloudWatch 警报向 SNS 主题发送消息时触发。我在本指南中遵循:

https://medium.com/analytics-vidhya/generate-slack-notifications-for-aws-cloudwatch-alarms-e46b68540133

我被困在第 6 步,它说要向函数添加触发器。我选择我的 SNS 主题作为触发器,但是当我点击添加时,它给了我以下错误:

创建触发器时发生错误:无效参数:无效协议类型:lambda(服务:AmazonSNS;状态代码:400;错误代码:InvalidParameter;请求 ID:343350ee-b514-5c7c-8180-08fe5fd643ec;代理:null)

在此处输入图片说明

有谁知道那个错误是什么意思以及我能做些什么?

谢谢

amazon-web-services amazon-sns aws-lambda

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

为什么无法将 Azure DevOps 存储库导入到新的 Azure DevOps 存储库?

我正在尝试基于 Azure DevOps 中的旧存储库在 Azure DevOps 中创建新存储库,但传输不起作用。

新的存储库属于新的项目和组织。当我创建它并转到 Repos 时,我看到了以下内容:

在此输入图像描述

似乎我有两种选择将旧存储库导入到此存储库:

  • 从命令行推送现有存储库。
  • 导入存储库。

当我尝试从命令行推送现有存储库时,我将其提供的命令复制并粘贴到本地计算机上项目目录的根目录中的命令行 (PowerShell)(其中 .git 文件夹和 .sln文件是)。命令是:

git remote add origin https://holland-and-barnes@dev.azure.com/holland-and-barnes/Holland%20and%20Barnes/_git/Holland%20and%20Barnes
Run Code Online (Sandbox Code Playgroud)

运行这个命令,它告诉我:

usage: git remote add [<options>] <name> <url>

    -f, --fetch           fetch the remote branches
    --tags                import all tags and associated objects when fetching
                          or do not fetch any tag at all (--no-tags)
    -t, --track <branch>  branch(es) to track
    -m, --master <branch>
                          master branch
    --mirror[=(push|fetch)]
                          set up remote as a mirror to push to or fetch from
Run Code Online (Sandbox Code Playgroud)

...进而: …

git repository azure devops azure-devops

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

如何判断 vue.js 中的表单字段是否无效

我正在开发一个 Vue 应用程序。我想知道表单字段是否处于无效状态。例如,如果该字段是必填字段,并且用户点击“提交”,但尚未填写该字段,则应触发浏览器的验证,并且该字段显示为红色,并在其下方显示一条验证消息。这就是我所说的无效状态。

$refs我可以通过以下方式引用该字段:

<v-text-field 
    ref="myField"
    required
    v-model="value" />
Run Code Online (Sandbox Code Playgroud)
this.$refs['myField'].what?
Run Code Online (Sandbox Code Playgroud)

我能做些什么来$refs['myField']告诉我它是否处于无效状态吗?

forms validation vue.js vuejs2 vuetify.js

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

为什么我的反应表说列未定义?

我正在尝试使用 react-table 并且它抛出了一个错误。当我运行它时,它会在屏幕上显示以下堆栈跟踪:

在此处输入图片说明

它似乎试图从列创建映射,但由于列未定义而引发错误。

我正在传递我的专栏,但也许我做得不正确。

这是我的代码:

class Blog extends Component {
...
    createTable() {
        return this.state.blogPosts.length ? <Table posts={this.state.blogPosts} /> : null;
    }
...
    componentDidMount() {
...     
        axios.get('/blogs').then(response => {
            if (response.data) {
                const entries = Object.entries(response.data);
                this.setState({blogPosts: entries.map(p => Object.assign({id: p[0]}, {...p[1]}))
                    .sort((p1, p2) => p1.updatedAt > p2.updatedAt ? -1 : 1)});
            }
        }, err => {
            console.log('err=', err);
        });
    }
}
Run Code Online (Sandbox Code Playgroud)
import React from 'react';
import {
    useTable,
    useGroupBy,
    useFilters,
    useSortBy,
    useExpanded,
    usePagination
} from 'react-table';

function Table(props) …
Run Code Online (Sandbox Code Playgroud)

error-handling undefined reactjs react-table react-table-v7

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

如何在 vue.js 中使用 router.push 传递参数?

我正在开发 vue.js 应用程序。我正在尝试将重定向中的参数从一个组件传递到另一个组件,如下所示:

      this.$router.push({
        path: '/my-path',
        query: {
          anArray: [...]
        }
      });
Run Code Online (Sandbox Code Playgroud)

一旦 my-path 中的组件加载,我就可以检索如下参数:

const theArray = this.$route.query.anArray;
Run Code Online (Sandbox Code Playgroud)

问题是我一刷新页面,参数就消失了。当我打开 Chrome DevTools 并在从 $route.query 检索数组的位置放置一个断点时,我看到了以下内容:

0: "[object Object]"
1: "[object Object]"
2: "[object Object]"
Run Code Online (Sandbox Code Playgroud)

很明显,它是从以下网址获取的:

http://localhost:8080/my-path?anArray=%5Bobject%20Object%5D&anArray=%5Bobject%20Object%5D&anArray=%5Bobject%20Object%5D
Run Code Online (Sandbox Code Playgroud)

它似乎没有意识到 url 中的“对象”术语只是实际对象的编码,这些对象可以在第一次加载时从 $route.query 中获得。

是否有另一种方法可以使用 $router.push() 将参数传递给组件,以便即使刷新后参数仍保留在页面上?

我可以尝试:

this.$router.push('/my-path?anArray=[...]');
Run Code Online (Sandbox Code Playgroud)

...但我的目标是向用户隐藏参数(因此不要在网址中显示它们)。这是我寻找传递参数的替代方法的另一个原因(它甚至不隐藏它们)。

我也尝试过:

      this.$router.push({
        path: '/my-path',
        params: {
          anArray: [...]
        }
      });
Run Code Online (Sandbox Code Playgroud)

...但这使得参数在组件中不可用(我想知道这是否与我们的全局路由器有关,该路由器将“/my-path”路由到 MyPath 组件而不指定参数;它是否会清除参数?)。

谢谢。

parameters router refresh vue.js

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

为什么当我调用 client.connect() 时 node-postgres (pg) 挂起?

我最近不得不将我的 vue.js 应用程序(后端的 node.js)的 node.js 版本从 v13.5.0 升级到 v14.5.0。我重新安装了所有节点包,升级了我必须升级的那些,现在应用程序挂在所有数据库调用上。我们使用 pg (node-postgres) 来调用我们的数据库。我将 pg 升级到 7.18.2 版。

我们的初始化代码如下所示:

constructor() {
  this.pg = require('pg');
  this.client = null;
  this.initPromise = null;
}

async init() {
  if (!this.initPromise) {
    this.client = new this.pg.Client({
      application_name: 'Back end',
      ssl: {
        rejectUnauthorized: false
      }
    });
    this.initPromise = this.client.connect();
  }
  return this.initPromise;
}

async query(query, params) {
  await this.init();
  return await this.client.query(query, params);
}
Run Code Online (Sandbox Code Playgroud)

我将控制台日志放在对 this.init() 的调用中,如下所示:

console.log('before');
await this.init();
console.log('after');
Run Code Online (Sandbox Code Playgroud)

'after' 永远不会打印出来。

有谁知道为什么我升级了节点版本后它会挂起?

postgresql freeze node.js node-postgres

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