当我在 Angular 中删除默认应用程序后，Storybook 就无法正常运行了

2 年 ago

韵, 科

2 minutes

(狭小的) 前提

$ ng new xxx で最初に作られる Default app project を使っていない

$ ng generate application|library xxx で作られる additional apps and libraries を使っている

Storybook を使っている
Default app project を削除している

错误

yarn run v1.13.0
$ build-storybook
info @storybook/angular v4.1.11
info
info clean outputDir..
info => Copying prebuild dll's..
info => Building manager..
info => Loading manager config..
info => Loading presets
info => Loading custom addons config.
info => Compiling manager..
info => manager built (9.06 s)
WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
WARN This can impact web performance.
WARN Assets:
WARN   vendors~main.eee3f7dae582b03c6e6f.bundle.js (885 KiB)
WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
WARN Entrypoints:
WARN   main (887 KiB)
WARN       runtime~main.3aaa912fd37e258bb4b5.bundle.js
WARN       vendors~main.eee3f7dae582b03c6e6f.bundle.js
WARN       main.23787938b278f416c096.bundle.js
WARN
WARN webpack performance recommendations:
WARN You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
WARN For more info visit https://webpack.js.org/guides/code-splitting/
info => Building preview..
info => Loading preview config..
info => Loading presets
info => Using default options for ForkTsCheckerWebpackPlugin
(node:6578) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'architect' of undefined
    at getAngularCliWebpackConfigOptions (/Users/wataru.kasahara/work/triangle/node_modules/@storybook/angular/dist/server/angular-cli_config.js:76:15)
    at Object.webpackFinal (/Users/wataru.kasahara/work/triangle/node_modules/@storybook/angular/dist/server/framework-preset-angular-cli.js:14:92)
    at accumulationPromise.then.newConfig (/Users/wataru.kasahara/work/triangle/node_modules/@storybook/angular/node_modules/@storybook/core/dist/server/presets.js:78:72)
    at process._tickCallback (internal/process/next_tick.js:68:7)
(node:6578) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)
(node:6578) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
✨  Done in 21.41s.

调试

エラーに表示されているコードはビルドされているものなので少し行数は異なるが angular-cli_config.js と同様

architect が無いと言われているので直前で project の中身を確認すると undefined

次はここで project を決定する projects と defaultProject を確認すると angular.json をパースしているものだと判明
更に defaultProject は削除済みの Default app project の名前であることから angular.json 内に defaultProject の要素が残っていることが原因と特定

应对

angular.json から defaultProject を削除して無事ビルドが通ることを確認