Storybook: TS1086：アクセサはアンビエントコンテキストで宣言できません

アップグレードを行うのに苦労しましたが、パッケージ構造で迷子になりました😅-最終結果（distファイルが生成された後）は@storybook/channels/dist/index.d.ts:25するはずです

から

get hasTransport(): boolean;

に

readonly hasTransport: boolean;

私も同じ問題を抱えていました。 Typescriptパッケージを最新バージョンに更新することで解決します

私も同じ問題を抱えていました。 Typescriptパッケージを最新バージョンに更新することで解決します

@siropoどのバージョン？ 私はAngular8.3.20とTypescript3.5.3を使用しています。 また、プロジェクトをビルドしようとすると同じエラーが発生しました。

@IsharaMadawa "typescript"： "3.7.4"

@IsharaMadawa "typescript"： "3.7.4"

@siropoここにpackage.jsonをドロップできますか？

@IsharaMadawaなぜですか？ タイプスクリプトのバージョンを更新して、機能しているかどうかを確認してください

古いバージョンのAngular（8.1.0など）を実行している場合は、次のエラーが表示されます

The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.x.y was found instead.

古いバージョンのAngular（8.1.0など）を実行している場合は、次のエラーが表示されます

The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.x.y was found instead.

はい。 このエラーが発生し、Angularも更新する必要がありました

@IsharaMadawaAngular 9 rcバージョンにアップグレードしましたか？
以下のエラーが表示されます
The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.x.y was found instead.
角度8.2.3でも

これは、Angular 8.2.xの最新バージョンを使用している私たちにとっても壊れています：/

Typescriptの3.7.4バージョンとAngularの8.3.21バージョンがあり、同じメッセージが表示されます。 助けてください！ :-)

更新ng update --next @angular/cli --forceに9.0.0-rc.12使用するtypescript @ "3.7.5" 、実際に問題を支援してきました。

typescript 3.7.5とstorybook/react 5.3.9同じ問題が発生する

更新の--next @ angle / cli --force
npm install typescript @最新

;）

ng update --next @ angular / cli --force
npm install typescript @ latest

;）
それはうまくいきました、ありがとうSnargol。

確認済み、Angular 9（および拡張機能Typescript 3.7.5）にアップグレードすると、この問題は解決されます

TypeScript 3.7.xへのアップグレードは、ライブラリメンテナにとって優れたオプションではありません。 これは、3.6から3.7への変更（技術的には重大な変更）が消費者に受け継がれ、消費者がTypeScriptを簡単にアップグレードできるとは想定できないことを意味します。

@ndelangen typescript@^3.4.0は3.7.5解決されるため、 https：//github.com/storybookjs/storybook/blob/next/package.json#L218をtypescript@~3.6.0に変更することでこれを修正できると思います。今3.7.5 。 その後、3.7のアップグレードは、実際には重大な変更であるため、Storybook6.0まで保存できます。

どう思いますか？

計画のように聞こえる@lychyi

nextブランチに対してPRを開きたいですか？

masterチェリーピックして、パッチとしてリリースします@shilman

了解しました！

@ndelangen @shilman

Storybook 6は、とにかく重大な変更として提供される予定なので、TypeScript 3.7を利用する必要がありますか？ もしそうなら、これは実際にはnextではなくmaster変更されるべきだと思います。 現在のPR＃9826はnext反対していますが、代わりにmasterを指すように再ハッシュすることができます。お知らせください。

したがって、TS 3.7+がそれほど重要でない場合は、Storybook 7以降の一部としてアップグレードすることもできますか？

@lychyiで動作します。 これを世話して考え抜いてくれてありがとう!!! 💯

re：ストーリーブック6.0の3.7。 3.7が必要かどうかはわかりませんが、タイプスクリプトの担当者の1人に@ndelangen @ kroeder @ gaetanmaisseと話させます。

FWIW、 nextすでに3.7を利用しており、そのメリットとして、オプションの連鎖（ foo?.bar ）やヌル合体演算子（ foo ?? bar ）などの優れた機能を備えています。 Storybook 5.3.xのmasterでのみこれを変更すると、現在の状態への影響が最も少なくなります。

また、ゲッター/セッターの放出は"typescript": "<=3.5"重大な変更にすぎないことを知りました。 TS 3.6はこの機能を将来にわたって利用できるようにするため、何らかの理由でTS3.7にアップグレードできない場合は、TS3.6にアップグレードすることもできます。 TS3.6の重大な変更は、それほど悪くはありません。

ただし、TS3.7を使用すると、Angularの人々はまだ9.xにアップグレードできません。 Angular 8.xは~3.5.3ロックされています。

_ _「でしょう、私たちはストーリーブック6は、我々は活字体3.7を提供している最新かつ最高を活用できそうという角度8と互換性がないことを言って快適になる？」：私は上に計量提案主なトレードオフがそう

@lychyiすばらしい要約。 情報に通じていない腸の感触は、6.0では間違いなく3.7と言っています。 未来をつかむ!! 😈

@lychyi素晴らしい仕事をありがとう！ 👏👏

Storybook6はAngular8と互換性がないため、TypeScript 3.7が提供する最新かつ最高のものを活用できると言っても過言ではありませんか？

私にとって、SB6をAngular <9と互換性を持たないようにするのは少し厳しいです。なぜなら、Angular9はほんの数日しかリリースされていないからです。 多くのパッケージはこの新しいバージョンの準備ができていません。Angularの初心者にとっては、新しいコンパイルとレンダリングのパイプラインを導入する本当のメジャーバージョンであるため、Angular 9への移行はいくつかの大きなmonorepoプロジェクト（私が取り組んでいるもののような）では実行できません職場で）。

TS 3.7によってもたらされる拡張機能は、現在SBモノレポでは広く使用されていないため、作業方法が見つかるまでTS 3.6を維持できます（PRをnext +チェリーピックでmasterマージします）。この問題の周り。 たぶん、見てみるプロジェクト： https ：

@gaetanmaisseあなたはTS / Angularの世界にもっと触れているので、最終的にはこれについてあなたの判断を下します。 ただし、いくつか指摘したいことがあります。
1）SB6の現在の見積もりは4月末であり、その時までにNG9は数ヶ月前になります
2）これが確かに重大な変更であり、今は変更しない場合、次に変更できるのは7.0であり、おそらく1年後になります。

もちろん、3.6で修正できれば、それはさらに良いことです。 Storybook内では、オプションのチェーンなどを使い始めるとよいでしょう。これは、依存関係ではなく、開発の依存関係に関連していると思います。

@shilman私はあなたに完全に同意します💯そしてSB7まで3.6を維持しなければならないことに非常に失望しています。

SB6はまだ数週間アルファ版であるため、私たちの目標はSB6にTS 3.7+を搭載し、Angular <= 8との互換性を維持する方法を見つけることだと思います。それが不可能な場合は3月末をご覧ください。または、Aprisの冒頭で、NG9がどのように採用されたかについて話し合い、Angular <= 8サポートのサポートを終了することについて話し合います。

@ gaetanmaissedownlevel -dtsを利用するためにブランチで遊んでいます。 TypeScriptの維持されている部分ではないため、最初は却下しましたが、少し考えてみると、TS3.7 +を使用し、<= TS3.5ユーザーと互換性を保つことができる可能性があります。 少し変更を確認してください。そうすれば、メンテナンスする価値があるかどうかを確認できます。 ビルドスクリプトはかなり整頓されているので、これはそれほど難しいことではありません。

@gaetanmaisse PRがアップしました。ご気軽にお問い合わせください。

貢献する機会をありがとう！

更新ng update --next @angular/cli --forceに9.0.0-rc.12使用するtypescript @ "3.7.5" 、実際に問題を支援してきました。

これで私の問題も解決しました！ どうもありがとう！

わかりましたが、typescriptを更新せずにこの問題を解決するにはどうすればよいですか？

@ColCh現在取り組んでいますhttps://github.com/storybookjs/storybook/pull/9847まもなく利用可能になるはずです！ 👏👏@ lychyi

ありがとうございました！ そのPRは問題を解決するようです。

OK、辛抱強く待っています:)急いでいません

すごい速かった！

しかし、 @ gaetanmaisse 、このコミットがv5バージョンにバックポートされることを期待できますか？ それはいいね

@ColChそうなる！ 最新の6.0.0-alphaですべて問題がないことをテストしており、5.3.xバージョンでリリースします😉

ああ、大丈夫。 ありがとう🙂

次の構成がありますが、まだエラーが発生します。

`"

 @angular/cli": "7.3.8",
"@angular/compiler-cli": "7.2.8",
"@angular/language-service": "7.2.3",
"@babel/core": "^7.7.7",
"@babel/preset-env": "^7.8.4",
"@babel/preset-typescript": "^7.8.3",
"@ngx-translate/core": "11.0.0",
"@storybook/addon-actions": "5.3.13",
"@storybook/addon-links": "5.3.13",
"@storybook/addon-notes": "5.3.13",
"@storybook/addon-storyshots": "^5.3.13",
"@storybook/addon-viewport": "^5.3.13",
"@storybook/addons": "^5.3.13",
"@storybook/angular": "5.3.13",
 "typescript": "^3.2.4"`

ng build --prod
ERROR in node_modules/@storybook/channels/dist/index.d.ts(25,9): error TS1086: An accessor cannot be declared in an ambient context.

@ cnestor1バグ修正は5.3.xでまだリリースされていませんが、次のバグ修正に含まれるはずです😉

Thx、私は誤解して、そうだったと思いました。
次のリリースのETAは何ですか？
また、古いバージョンのStorybookを使用して、問題が修正されるまで問題を回避する方法はありますか？
Angular 9は私の会社では精査されていないので、アップグレードする前に少し待つ必要があります。

@ cnestor1今後5日間のETA

エラーに記載されているnodemodulesファイル（.d.tsファイル）にアクセスし、ctrl + sで保存することで、このエラーを一時的に解決しました。コードがコンパイルされるため、エラーは解決されますが、エラーは引き続き発生します。

おやおや！！ この問題を参照するPR＃9847を含むhttps://github.com/storybookjs/storybook/releases/tag/v5.3.14をリリースしました。 今すぐアップグレードしてお試しください！

この問題を閉じます。 まだまだやることがあると思われる場合は、再度開いてください。

同じ問題が発生します:)

@rohittagadiya最新に更新しましたか？

「 skipLibCheck」を試してください

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

それがあなたを助けることを願っています!!

たとえば、tsconfig.json内で「 skipLibCheck」：trueを試してください。

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

お役に立てば幸いです!!

動作します!!!! ありがとう

「 skipLibCheck」を試してください

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

それがあなたを助けることを願っています!!

かなりうまく機能します、ありがとう<3

「skipLibCheck」の追加：true、ファイル内のcompilerOptionsでtsconfig.jsonが機能しました。 どうもありがとうございます 。

チャイム- skipLibCheck: trueは魅力的です。 これは、QAサイクルの途中でng updateリスクを冒すことができない人に最適です。 ありがとう！

「 skipLibCheck」を試してください

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

それがあなたを助けることを願っています!!

ありがとうございました。 うまく機能しています。

「 skipLibCheck」を試してください

"compilerOptions": {
    "baseUrl": "src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    **"skipLibCheck": true,**
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },

それがあなたを助けることを願っています!!

ありがとうございました<3

バージョンを：に変更します
"ngx-swiper-wrapper"： "〜8.0.1"

この問題を解決できます

更新の--next @ angle / cli --force
npm install typescript @最新

;）

Angular 5を使用している場合、ngx-file-uploadを使用できますか？

@ angular-devkit / build-angularを更新します