使用github操作时出现色度部署错误

Question

我正在进行一个使用故事书的React项目，我正试图通过GitHub操作将这个故事书发布为彩色。我正在使用他们的示例chromatic.yml，只做了一些更改以满足我的项目需求。运行chromatic cli我的故事书是成功的，但当我使用GitHub操作时，会显示以下错误：

Error: ✖ Failed to collect Storybook metadata
Could not find a supported Storybook viewlayer package. Make sure one is installed, or set CHROMATIC_STORYBOOK_VERSION.

以下是完整的错误日志：

Run chromaui/action@v1
with:
projectToken: ***
Chromatic CLI v5.7.0
https://www.chromatic.com/docs/cli
Authenticating with Chromatic
→ Connecting to https://index.chromatic.com
Authenticated with Chromatic
→ Using project token '********119f'
Retrieving git information
Retrieved git information
→ Commit 'a9f9af7' on branch 'master'; found 1 baseline commit
Collecting Storybook metadata
→ Could not find a supported Storybook viewlayer package. Make sure one is installed, or set CHROMATIC_STORYBOOK_VERSION.
✖ Failed to collect Storybook metadata
Could not find a supported Storybook viewlayer package. Make sure one is installed, or set CHROMATIC_STORYBOOK_VERSION.
→ View the full stacktrace below
If you need help, please chat with us at https://www.chromatic.com/docs/cli for the fastest response.
You can also email the team at [e-mail] if chat is not an option.
Please provide us with the above CLI output and the following info:
{
"timestamp": "2021-04-23T22:03:58.789Z",
"sessionId": "2f736280-50df-4f2e-aa3d-00d90236cf61",
"gitVersion": "2.31.1",
"nodePlatform": "linux",
"nodeVersion": "12.13.1",
"packageName": "chromatic",
Error: non-zero exit code
"packageVersion": "5.7.0",
"flags": {
"projectToken": "***",
"fromCI": true,
"interactive": false,
"exitZeroOnChanges": true,
"exitOnceUploaded": false,
"allowConsoleErrors": false
},
"buildScript": "build-storybook",
"errorType": "Error",
"errorMessage": "✖ Failed to collect Storybook metadata"
}
Error: ✖ Failed to collect Storybook metadata
Could not find a supported Storybook viewlayer package. Make sure one is installed, or set CHROMATIC_STORYBOOK_VERSION.
at /home/runner/work/_actions/chromaui/action/v1/bin/lib/getStorybookInfo.js:83:11
at processTicksAndRejections (internal/process/task_queues.js:93:5)
at async getStorybookInfo (/home/runner/work/_actions/chromaui/action/v1/bin/lib/getStorybookInfo.js:115:25)
at async setStorybookInfo (/home/runner/work/_actions/chromaui/action/v1/bin/tasks/storybookInfo.js:6:42)
at async Task.task (/home/runner/work/_actions/chromaui/action/v1/bin/lib/tasks.js:13:7)

这是我的chromatic.yml

# Workflow name
name: "Chromatic Deployment"
# Event for the workflow
on:
push:
branches: [master, stagging, developing]
pull_request:
branches: [master, stagging, developing]
# List of jobs
jobs:
test:
# Operating System
runs-on: ubuntu-latest
defaults:
run:
working-directory: foo
# Job steps
steps:
- uses: actions/checkout@v1
- run: yarn
#👇 Adds Chromatic as a step in the workflow
- uses: chromaui/action@v1
# Options required for Chromatic's GitHub Action
with:
#👇 Chromatic projectToken, see https://storybook.js.org/tutorials/intro-to-storybook/react/en/deploy/ to obtain it
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

Answer 1

以下是我在chromatic的官方存储库中发现的内容：

• https://github.com/chromaui/chromatic-cli/issues/227
• https://github.com/chromaui/chromatic-cli/issues/324
• https://github.com/chromaui/chromatic-cli/issues/197

这个问题可能源于我使用单回购的事实，我认为使用working-directory就足以解决这个问题，但需要使用一个可选参数chromaui，workinDir。

这是我当前的chromatic.yml

# Workflow name
name: "Chromatic Deployment"
# Event for the workflow
on:
push:
branches: [master, stagging, developing]
pull_request:
branches: [master, stagging, developing]
# List of jobs
jobs:
chromatic-deployment:
# Operating System
runs-on: ubuntu-latest
defaults:
run:
working-directory: foo
# Job steps
steps:
- uses: actions/checkout@v1
- run: yarn
#👇 Adds Chromatic as a step in the workflow
- uses: chromaui/action@v1
# Options required for Chromatic's GitHub Action
with:
workingDir: foo
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}