小编Dom*_*nik的帖子

npm 如何处理锁文件

所以我在npm install xyz另一个 npm 模块的 postinstall npm 钩子调用的脚本中运行。(让我们不要深入探讨为什么,但这与 npm 不支持的可选依赖项有关)

npm install moduleA
  -> installing moduleA
    -> running postinstall hook (my script)
      -> my script runs npm install xyz
Run Code Online (Sandbox Code Playgroud)

当我运行脚本本身时,npm install 运行得相当快,但是当我在 postinstall 挂钩中安装模块时,脚本会等待锁定文件至少 1 分钟。(或者我假设)

当我在 npm 中启用详细日志级别时,我得到如下输出:

[a lot more lines above]
npm verb addNamed "latest" is being treated as a dist-tag for invert-kv
npm info addNameTag [ 'invert-kv', 'latest' ]
npm verb addNameTag registry:https://registry.npmjs.org/invert-kv already in flight; waiting
npm verb addNamed "1.0.0" is a plain …
Run Code Online (Sandbox Code Playgroud)

node.js npm post-install npm-install

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

React Bootstrap Accordion 错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件)

我正在努力处理我的第一个引导代码。

我想使用这里的react-bootstrap 代码添加一个手风琴。

我想我也已经导入了正确的库。

但我仍然有这个错误: “错误:元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:未定义。您可能忘记从文件中导出您的组件它定义在,或者您可能混淆了默认和命名导入。”

如果有人可以帮忙,这是我的代码,非常感谢 ^^ Hugo

import React, { Component } from "react";
import { Accordion } from 'react-bootstrap';
import Card from "react-bootstrap/Card";
import "bootstrap/dist/css/bootstrap.min.css";

export class Maturite extends Component {
  render() {
      return (
        <div>
                  <div style={{marginTop: '150px'}}></div>

                  {/* This is the 1st method from react bootstrap for an Accordion which is NOT working for me  */}
                  <Accordion>
                    <Accordion.Item eventKey="0">
                        <Accordion.Header>Accordion Item #1</Accordion.Header>
                        <Accordion.Body>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do …
Run Code Online (Sandbox Code Playgroud)

reactjs react-bootstrap bootstrap-4

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

如何使用鼠标滚轮进行 React 水平滚动

我在 React js 上使用了 tailwind-CSS,当用户将鼠标悬停在卡片部分时,我想使用鼠标滚轮水平滚动,以便 PC 用户可以使用鼠标滚轮而不是同时使用 Shift 和鼠标滚轮来水平滚动。随时随地生活

        <div className="flex space-x-3 overflow-y-scroll scrollbar-hide p-3 -ml-3">
          {cardsDate?.map(({ img, title }) => (
            <MediumCard key={img} img={img} title={title} /> 
          ))}
        </div>
    </section>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

reactjs tailwind-css

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

了解共享引用对嵌套数据结构的影响

所有权树

\n

所有权树

\n

你好,

\n

我试图理解 Rust 中的所有权概念,并在“Programming Rust”一书中看到了这张图片(附在这篇文章中)。

\n

我特别关心“借用共享参考”部分。作者在书中说道

\n
\n

共享引用借用的值是只读的。在共享引用的整个生命周期中,其引用对象以及从该引用对象可访问的任何内容都不能被任何内容更改。不存在对该结构中任何内容的实时可变引用,其所有者是只读的,等等。它\xe2\x80\x99s真的冻结了

\n
\n

在图中,他继续强调沿着所有权树的路径,一旦对所有权树的特定部分采用共享引用,该路径就变得不可变。但令我困惑的是,作者还提到所有权树的某些其他部分不是只读的。

\n

所以我尝试用这段代码进行测试:

\n
 fn main(){                                                                                                    \n    let mut v = Vec::new();                                                                                   \n    v.push(Vec::new());                                                                                       \n    v[0].push(vec!["alpha".to_string()]);                                                                                    \n    v[0].push(vec!["beta".to_string(), "gamma".to_string()]);                                                                                                                                                                                                                                                \n    let r2 = &(v[0][1]); //Taking a shared reference here                                                                                    \n    v[0][0].push("pi".to_string());                                                                           \n    println!("{:?}", r2)                                                                                      \n}\n
Run Code Online (Sandbox Code Playgroud)\n

我知道它v[0][0]不能是可变的,因为v它本身是一个不可变的共享引用(作为对 的共享引用的结果v[0][1])并且 Rust 编译器有用地指出了这一点。我的问题是,当作者将所有权树上的某些部分标记为“非只读”时,我们如何访问这些部分来更改它们?

\n

如果我的代码片段不是作者想要传达的内容的正确示例,请帮助我提供一个示例来演示作者在这里试图暗示的内容。谢谢。

\n

rust

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

现场和档案中的服务员没有开火

昨天它还有效,现在它停止了,没有对代码进行任何更改。到底是怎么回事?

客户

async function uploadFile(file) {
    let formData = new FormData();

    formData.append("recordUid", recordUid);
    formData.append("fieldUid", fieldUid);
    formData.append("file", file);

    await fetchPostFormData("/api/files", formData);
}

async function fetchPostFormData(url, formData) {);
    try {
        let result = await (
            await fetch(url, {
                method: "POST",
                withCredentials: true,
                credentials: "include",
                headers: {
                    Authorization: localStorage.getItem("token"),
                },
                body: formData,
            })
        ).json();

        return result;
    } catch (err) {
        return err;
    }
}
Run Code Online (Sandbox Code Playgroud)

服务器

router.post("/api/files", async (req, res, next) => {
    try {
        console.log("starting upload..."); // <------------------- THIS ONE IS LOGGED

        let …
Run Code Online (Sandbox Code Playgroud)

file-upload node.js express busboy

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

无法在 typescript 中导入 Node js 集群

我导入了集群, import * as cluster from "cluster"; 当我尝试签cluster.isMaster入时if(cluster.isMaster){},出现此错误

TS2339: Property 'isMaster' does not exist on type 'typeof import("cluster")'.
Run Code Online (Sandbox Code Playgroud)

import cluster from "cluster"; 得到的集群是undefined. 如何解决ts中的问题,如何在ts中导入集群并使用它们?

typescript

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

如何使用nginx安装letsencrypt证书?

我已经使用letsencrypt为ubuntu上的最新nginx安装了SSL证书.设置很好,除了以下情况外,效果很好:

在此输入图像描述

我不太了解SSL以了解发生了什么,但我怀疑:我已经为Apache安装了SSL证书了一段时间,刚刚转移到Nginx,因为它支持http/2.由于nginx插件不稳定但我必须自己安装证书,这就是我所做的:

在我的nginx config(/etc/nginx/conf/default.conf)中,我添加了:

server {
    listen       80;
    server_name  [domain];
    return 301   https://$host$request_uri;
}

server {
    listen       443 http2;
    listen       [::]:443 http2;
    server_name  [domain];

    ssl on;
    ssl_certificate /etc/letsencrypt/live/[domain]/cert.pem;
    ssl_certificate_key /etc/letsencrypt/live/[domain]/privkey.pem;
}
Run Code Online (Sandbox Code Playgroud)

是否有可能以某种方式打破链条?这里的正确方法是什么?

多谢你们

ssl nginx lets-encrypt

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

如何在 Node js 中将变量分配给 SQLite 查询的输出

我现在正在做的是:

db.get(`SELECT * FROM '${message.guild.id}'`,(err, row) => {
    console.log(row.channel);
});
Run Code Online (Sandbox Code Playgroud)

我基本上想做的是这样的:

let xyz = db.get(`SELECT * FROM '${message.guild.id}'`,(err, row) => {
    return row.channel;
});
console.log(xyz);
Run Code Online (Sandbox Code Playgroud)

sqlite node.js

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

属性“map”在类型“never”上不存在

get当在 next.js 函数内发出 axios请求时getServerSideProps,我在 map 方法上不断收到这个恼人的打字稿下划线错误。我已经尝试了所有修复的可能性,但无法解决它。该请求实际上工作正常并提取数据,但我只需要消除错误。有什么建议吗?

 export const getServerSideProps: GetServerSideProps = async () => {

  const { data } = await api.get("/users/index", { //axios api
    params: {
      _limit: 12
      _sort: "created_at", 
      _order: "desc"
    }
  })

  
  const users = data.map(user => { // <-error line under map method
    return {
      id: user.id,
      name: user.name,
      created_at: user.created_at,
  
    }
  });
Run Code Online (Sandbox Code Playgroud)

typescript next.js

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

一旦 useSelector 钩子返回一个值,有没有办法重新渲染 React-Select 组件?

我有一个表单,当我在其中输入数据并提交时,我将数据发送到reducer,然后将其保存到SQL 数据库。数据库返回我输入的数据和 ID,并将其存储在我的商店中。

现在我有另一个 React-Select 组件,我希望它将输入的数据显示为DefaultValue.

我正在寻找一种方法,让 React 选择组件在从挂钩返回真值时重新加载useSelector,最好是在该值发生变化时重新加载。

import React, { useEffect } from 'react';
import Select from 'react-select';
import { useDispatch, useSelector } from 'react-redux';
import {
  getSelectOptions,
  getOptions,
  setSelectionValue,
  getBookOptions,
} from '../store/selectReducer';

export default function selectForm() {
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(getSelectOptions());
  }, []);

  const autoren = useSelector(getOptions).autorOpts;

  //>>>>>>>>>>>>>> Here I retrieve the desired data from the store <<<<<<<<<<<<<<<<<<<<<<
  const DEFAULTVALUE = useSelector(store => store.authorBook.author);

  const onChangeAut = option …
Run Code Online (Sandbox Code Playgroud)

reactjs react-select redux

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