小编mrp*_*ett的帖子

我刚刚安装了 BigSur 和 Python 的全新安装（使用 asdf），在安装 pip 软件包时，它们似乎最终出现在：

./.asdf/installs/python/3.9.2/lib/python3.9/site-packages

which flake8例如，当我输入时，我得到flake8 not found，但是当我再次安装它时，pip install flake8我得到以下信息：

> which flake8
flake8 not found

~
> pip install flake8
Requirement already satisfied: flake8 in ./.asdf/installs/python/3.9.2/lib/python3.9/site-packages (3.8.4)
Requirement already satisfied: pycodestyle<2.7.0,>=2.6.0a1 in ./.asdf/installs/python/3.9.2/lib/python3.9/site-packages (from flake8) (2.6.0)
Requirement already satisfied: mccabe<0.7.0,>=0.6.0 in ./.asdf/installs/python/3.9.2/lib/python3.9/site-packages (from flake8) (0.6.1)
Requirement already satisfied: pyflakes<2.3.0,>=2.2.0 in ./.asdf/installs/python/3.9.2/lib/python3.9/site-packages (from flake8) (2.2.0)

我刚刚尝试使用我安装的请求pip install requests，但在使用时也找不到which，但我设法在 VSC 中使用该包。

我正在使用 flake8 和 Black，我需要为 VSC 提供它们的路径。我用过 …

当我尝试从表中提取数据时，我似乎总是返回一个空数组。在遵循文档和几个教程之后，这就是我正在做的事情。

const [tableData, setTableData] = useState([]);

  async function getTableData() {
    let { data, error } = await supabase
      .from('SignalJourneyAudienceConstraints')
      .select('*');

    setTableData(data);
    console.log(tableData);
  }

  useEffect(() => {
    getTableData();
  }, []);

我的表中有这样的数据。

我唯一能想到的是表的命名？

我也尝试过以下方法

let { data: SignalJourneyAudienceConstraints, error } = await supabase
  .from('SignalJourneyAudienceConstraints')
  .select('*')

但是在 VSC 中出现错误ReferenceError: data is not defined，我遇到了All destructured elements are unused.ts(6198)上述问题。

我总是看到教程只是使用data。

我希望让我的alert()用户更加友好。在触发警报之前，我有 3 个组件可以组合在一起。

我有一个表单（下拉列表和输入），它在提交时会触发以下功能：

// src/components/input.js
<Btn onClick={() => getData(this.state.dropdown, this.state.value)}>Generate</Btn>

getData() 是以下功能，它位于单独的文件中 ../utils/debugger

// src/utils/debugger
async function getData(filter, captureName) {
  if (captureName === '') {
    alert(<Alert color='red' type='warning' message='this is an error' />);
  } else {
    axios({
      method: 'GET',
      url: `http://xxx/debugger/${filter}/${captureName}/logs`,
    })
      .then((res) => {
        if (res.data.length === 0) {
          alert(<Alert color='red' type='warning' message='this is an error' />);
        } else {
          alert(<Alert color='green' type='success' message='this is an error' />);
          console.log(res.data);
          data = res.data;
        }

        return res.data;
      }) …

我已经设法将我的类组件转换为一个允许我使用的函数useContext，但是在使用和获取更改时我需要的状态时，我有点卡住了。

我有一个名为input.js它的组件位于src/components/input.js

// input.js
import React, { useState, useEffect } from 'react';
import axios from 'axios';

import Button from '../components/button';
import { getData } from '../utils/debugger';
import { DropdownContext } from '../utils/DropdownContext';

function InputForm(props) {
  const [loaded, setLoaded] = useState(false);
  const [dropdown, setDropdown] = useState('RTS');
  const [value, setValue] = useState('');
  const [data, setData] = useState([]);

  function queryData(dropdown) {
    return axios({
      method: 'GET',
      url: `http://xxx/debugger/${dropdown}`,
    })
      .then((res) => res.data.map((k) => k['key']['name']))
      .catch((err) => console.error(err));
  }

  const …

我正在开发一个具有 FastAPI 后端和 React 前端的项目。当通过调用后端时，fetch我有时会得到以下信息：

Access to fetch at 'http://localhost:8000/get-main-query-data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

这种情况经常发生，我可以调用一个端点，然后抛出错误。有时所有端点都会抛出错误

Middleware我已经这样设置了main.py：（也在这一行）

Access to fetch at 'http://localhost:8000/get-main-query-data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. …

我正在尝试让一些环境变量发挥作用，但对于我的一生来说，我不能...我已经浏览了一些答案，它们似乎都指出了我是如何设置的。

但我总是变得不确定。这就是我测试变量的方式。

import {useState} from \'react\'\nimport {FaCog} from \'react-icons/fa\'\n\nfunction App() {\n  const [data, setData] = useState([])\n  const [dealId, setDealId] = useState(\'\')\n  const [loading, setLoading] = useState(null)\n  const [error, setError] = useState(\'\')\n\n  // Counter\n  const [count, setCounter] = useState(0)\n\n  console.log(\'HOST:\', import.meta.env.HOST) // returns undefined\n

这是我的.env文件，放在根目录下

# .env\nHOST=127.0.0.1:8000\n

为了方便起见，这是我的结构（删除了node_modules）

.\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 .env\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.html\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package-lock.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 postcss.config.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 src\n\xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 App.jsx\n\xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 favicon.svg\n\xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.css\n\xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 logo.svg\n\xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 main.jsx\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 tailwind.config.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 vite.config.js\n

我哪里出错了？我已经多次重述了 vite 服务器...我被难住了

我正在研究如何使用 Contentful Rich Text React Renderer 将摘录引入我的网站。

我有点挣扎，这是我第一次使用它。我过去曾使用过MD，内容丰富，但由于用户的原因，我需要丰富的测试。

这是我的查询。

export const query = graphql`
    query($slug: String!) {
        contentfulJobListings(slug: { eq: $slug }) {
            jobTitle
            jobPostedDate(formatString: "MMMM Do, YYYY")
            jobSalaryN
            jobLocation
            jobDescription {
                json
            }
        }

    }
`

这就是我在页面上生成富文本的方式<div>{documentToReactComponents(props.data.contentfulJobListings.jobDescription.json)}</div>

在进入正文之前，我想摘录一段内容来解释一下。

如果有人能帮忙解决这个问题那就太好了。因为我闲着。

有人知道我哪里出了问题吗？我通过 npm 安装了最新版本node-scss。我这样导入我的 scss 文件import './loginform.module.scss';

这是一个示例组件：

import React from 'react';
import './loginform.module.scss';

const LoginForm = (props) => {
    return (
        <div className='loginFormContainer'>
            <form className='loginForm'>
                <div className='loginFormUsermame'>
                    <label for='username'>Username</label>
                    <input
                        id='username'
                        type='text'
                        placeholder='Username'></input>
                </div>
            </form>
        </div>
    );
};

export default LoginForm;

看来我没有从我的文件中获得任何样式。这是我的.scss文件

.loginFormContainer {
    width: 100%;
    max-width: 24rem;

    .loginForm {
        padding-left: 2rem;
        padding-top: 1.5rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        margin-bottom: 1rem;
        background-color: #ffffff;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
            0 2px 4px -1px …

当我尝试构建我的 docker 镜像时，我不断收到此错误。我通过自制软件安装了Python，并且可以将它用于所有内容。VSC / PyCharm 等

但似乎node-gyp似乎无法找到可执行文件，该可执行文件位于/opt/homebrew/bin/python3

[+] Building 3.3s (9/10)                                                                                  
 => [internal] load build definition from Dockerfile                                                 0.0s
 => => transferring dockerfile: 243B                                                                 0.0s
 => [internal] load .dockerignore                                                                    0.0s
 => => transferring context: 35B                                                                     0.0s
 => [internal] load metadata for docker.io/library/node:16.17.0-slim                                 1.1s
 => [auth] library/node:pull token for registry-1.docker.io                                          0.0s
 => [internal] load build context                                                                    0.0s
 => => transferring context: 231B                                                                    0.0s
 => [1/5] FROM docker.io/library/node:16.17.0-slim@sha256:c921eb1ad35760716fff0d5f0f7d9a95a7b64ee8f  0.0s
 => CACHED [2/5] WORKDIR /app                                                                        0.0s
 => CACHED [3/5] COPY [package.json, package-lock.json*, …