用process.env.STORYBOOK_ENABLED解决原生故事书问题

Question

我正在尝试设置react-native-storybook(我使用这个教程https://storybook.js.org/tutorials/intro-to-storybook/react-native/en/get-started/)。然而，当我不得不启动"yarn storybook"时，我被阻塞了，因为出于某些动机，环境变量没有被识别。我的包。json是:

"scripts":{
...,
"storybook": "sb-rn-get-stories&& STORYBOOK_ENABLED='true' expo start"
}

和我的app.config.js是:

export default ({ config }) => ({
...config,
name: "Storybook Tutorial Template",
slug: "storybook-tutorial-template",
extra: {
storybookEnabled: process.env.STORYBOOK_ENABLED,
},
});

我试着从"git bash"， "powershell"one_answers";prompt-windows"但没有解决问题。有人面对过这个问题并解决了吗?

Answer 1

如果你使用的是Windows，你需要像这样修改脚本(只有"&&"):

"storybook": "sb-rn-get-stories STORYBOOK_ENABLED='true' && expo start",
"storybook:ios": "sb-rn-get-stories STORYBOOK_ENABLED='true' && expo start --ios",
"storybook:android": "sb-rn-get-stories STORYBOOK_ENABLED='true' && expo start --android"

你还需要安装Android Studio(这是通过yarn storybook: Android和在ExpoGo上运行故事书)。