主页 / user-7132550

Michał Turczyn's questions

Martin Hope
Michał Turczyn
Asked: 2025-01-20 16:57:59 +0800 CST
  • 5

在 GitHub Actions 中，我已经用 YAML 定义了管道。

我有一个条件作业，后面还有另一个条件作业，我想在条件作业之后执行该作业。但如果作业未执行，则立即执行。

如果我使用：

name: Test conditionals

on:
  workflow_dispatch:

env:
  DEPLOY_NONPROD_ENV: 'false'

jobs:
  conditionalJob: 
    if: ${{ env.DEPLOY_NONPROD_ENV == 'true' }}
    runs-on: 'ubuntu-latest'
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
      - name: Echo message
        run: 'echo "Condition evaluated to true"'
  dependantJob: 
    needs: [conditionalJob]
    runs-on: 'ubuntu-latest'
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
      - name: Echo message
        run: 'echo "Running dependantJob"'

如果conditionalJob跳过，则dependantJob也会跳过。

如何使其工作，以便dependantJob在被跳过时立即执行conditionalJob，并在运行时等待它？

Martin Hope
Michał Turczyn
Asked: 2024-12-24 18:46:24 +0800 CST
  • 6

我希望 HTML 元素能够向下扩展，最后还能稍微弹跳一下，就像cubic-bezier函数可以做到的那样。

因此，我在 CSS 中设置了transition: height ...动画来改变height元素的属性。但是，只有当我明确设置高度时，它才有效，而不是100vh只包含所有元素。

为了更好地展示，下面是示例：当绿色容器的高度max-height小于其实际高度（以容纳其子项）时，效果可见且有效。但我不依赖容器的自动调整大小来适应其子项。

当我指定某个“足够大”的东西来容纳所有可能的孩子时，当然，“弹跳效果”不起作用，因为它在达到“足够大”的高度时会“弹跳”，从而导致效果不可见。

您可以通过在下面的代码片段中指定不同的高度来观察该问题（3rem 或以下 - 有效，4rem 或以上 - 无效）。

function expand(){
    let dropdown = document.getElementById('dropdown')
    let height = dropdown.offsetHeight
    let maxHeightInput = document.getElementById('maxHeightInput')
    let maxHeight = maxHeightInput?.value ?? 0
    dropdown.style.maxHeight = height > 0 ? 0 : maxHeight
}
#dropdown {
    background: lightgreen;
    max-height: 3rem;
    transition: max-height 0.4s cubic-bezier(.04,1.59,.83,1.18);
    & > ul {
        border: 1px solid black;    
    }
}
<label>Green container expanded max height <input id='maxHeightInput' value='3rem' /></label><br>
<p>List of items is ~3rems tall.</p>
<button onclick={expand()}>Expand / collapse</button>
<div id='dropdown'>
<ul>
<li>Item 1
<li>Item 2
<li>Item 3
</ul>
</div>

问题是如何在我的场景中使这种弹跳效果发挥作用：当我有一个带有子项的容器时，容器的大小会根据其子项动态调整。

javascript
Martin Hope
Michał Turczyn
Asked: 2024-12-02 05:48:20 +0800 CST
  • 5

我想运行 Ollama docker 镜像。这将公开其端点的整个 API。

我想通过在其上添加反向代理来确保其安全，并且我选择了 Nginx 来完成这项工作。

所以我需要使用 Ollama 将 Nginx 添加到我的 docker 镜像中。

因此我构建了这样的Dockerfile：

FROM ollama/ollama:latest

FROM nginx:latest

COPY /.nginx/nginx.conf /etc/nginx/conf.d/default.conf

我的 Nginx 配置：

server {
    listen 80;
    
    location /api/tags {
        proxy_pass http://localhost:11434/api/tags;
        proxy_set_header Host localhost:11434;
    }
    
    # Default: Return 404 for all other endpoints
    location / {
        return 404;
    }
}

在这里我只允许一个端点代理到 Ollama。

为了测试它，我尝试了一些端点并且它们正确返回了 404。

但是当我尝试api/tags路径时，出现了“Bad gateway”502 错误。

在docker日志中我可以看到：

2024-12-01 22:44:41 2024/12/01 21:44:41 [警告] 29#29：*1 连接到上游时上游服务器暂时禁用，客户端：172.17.0.1，服务器：，请求：“GET /api/tags HTTP/1.1”，上游：“http://127.0.0.1:11434/api/tags”，主机：“localhost:8000”

2024-12-01 22:44:41 2024/12/01 21:44:41 [错误] 29#29：*1 connect() 连接到上游时失败（111：连接被拒绝），客户端：172.17.0.1，服务器：，请求：“GET /api/tags HTTP/1.1”，上游：“http://127.0.0.1:11434/api/tags”，主机：“localhost:8000”

2024-12-01 22:44:41 2024/12/01 21:44:41 [警告] 29#29：*1 连接到上游时上游服务器暂时禁用，客户端：172.17.0.1，服务器：，请求：“GET /api/tags HTTP/1.1”，上游：“http://127.0.0.1:11434/api/tags”，主机：“localhost:8000”

2024-12-01 22:44:41 172.17.0.1 - - [01/Dec/2024:21:44:41 +0000] “GET /api/tags HTTP/1.1” 502 559 “-” “Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML，如 Gecko) Chrome/128.0.0.0 Safari/537.36 OPR/114.0.0.0” “-”

看起来 Ollama 服务器没有运行，但我不知道：

  1. 如何检查Docker 中正在运行的进程，ps在docker中找不到命令。
  2. 如何运行 Ollama 服务器？
  3. 如何在Docker中定义如何自动启动Ollama服务器？
docker
Martin Hope
Michał Turczyn
Asked: 2024-10-02 20:20:27 +0800 CST
  • 6

我正在尝试 React 19 的新功能。

为了做到这一点，我使用 Vite 和 TypeScript 创建了 React 应用程序：

npm create vite@latest

然后升级到 React 19 库（根据这篇文章）：

npm install --save-exact react@rc react-dom@rc

之后我可以在 package.json 中看到升级后的 React 版本：

"dependencies": {
    "react": "19.0.0-rc-d8c90fa4-20241001",
    "react-dom": "19.0.0-rc-d8c90fa4-20241001"
}

现在我想尝试 React 19 的新功能，其中之一是新的 hook use，但是当我尝试时：

import { use } from 'react'

我收到一个错误，它没有从中导出react：

模块“react”没有导出成员“use”

显然，我现在正确地完成了“迁移”到 React 19 - 我错过了什么？如何让它工作？

我也怀疑这个功能可能是 React Server Components 特有的。

reactjs
Martin Hope
Michał Turczyn
Asked: 2024-01-08 17:55:01 +0800 CST
  • 4

我在我的网站上使用 React Router，遇到了以下问题。我的主要应用程序组件定义如下：

import './App.css'
import { Navbar } from './Navbar'
import { Outlet } from 'react-router'

function App() {
    return (
        <div>
            <Navbar />
            <Outlet />
        </div>
    )
}

export default App

然后我使用这个组件作为基本路线：

<BrowserRouter>
    <Routes>
        <Route path="/" element={<App />} >
            <Route path='home' element={<Home />} index />
            <Route path='about' element={<About />} />
        </Route>
        <Route path="*" element={<Navigate to="/Home" replace />} />
    </Routes>
</BrowserRouter>

一切正常，我可以导航主页和关于页面，但是当我导航到 时/，它会出现带有 的空白页面Navbar，这是可以理解的，但我不知道如何显示我的默认主页。我可以以某种方式指示 React 重定向到吗home？我无法设置路由Home组件/ ，因为它会完全破坏应用程序（因为App组件具有Outlet组件）。

库的版本：

"react-dom": "^18.2.0",  
"react-router": "^6.21.1",  
"react-router-dom": "^6.21.1",
reactjs