在 package.json 文件的 peerDependencies 字段中,我们指定项目的依赖项,但是 Storybook 应该属于 devDependencies 而不是 peerDependencies。
下面是一个示例 package.json 文件的代码,展示了如何将 Storybook 添加到 devDependencies 中:
{
"name": "my-angular-project",
"version": "1.0.0",
"scripts": {
"start": "ng serve",
"build": "ng build",
"storybook": "start-storybook -p 6006"
},
"dependencies": {
"@angular/core": "^12.0.0",
"@angular/common": "^12.0.0",
// 其他依赖项...
},
"devDependencies": {
"@storybook/angular": "^6.3.0",
// 其他开发依赖项...
}
}
在上面的示例中,我们将 @storybook/angular 添加到了 devDependencies 中,而不是 peerDependencies。这样做可以确保 Storybook 仅在开发期间使用,并且不会影响构建和打包过程。
请记住,在安装和使用 Storybook 时,你需要使用 npm 或 yarn 来安装开发依赖项:
npm install --save-dev @storybook/angular
或
yarn add --dev @storybook/angular
这样做后,你就可以使用 npm run storybook 或 yarn storybook 命令来启动 Storybook 了。
希望这个解决方法对你有所帮助!