在 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
了。
希望这个解决方法对你有所帮助!