ウェブサイト検索
javascript - React と Prettier/eslint アプリがスクリプトをループして実行する
私の Create React App は何度もコンパイルされています。それが起こるべきではないという事実はさておき、とても気が散ります。
これはデフォルトの npm run start からの出力です
それはリンティングに関することだと思いますが、何かアイデアはありますか？
編集：
要求されたスクリプト:
"scripts": { "start": "react-scripts start", "build": "re 続きを読む →javascript - switch文のフォーマット用のPrettier設定は存在しますか？
私は現在、Prettierを使ってTypeScriptのコードをフォーマットしています。
これが私の問題です：もし私がこのようなコードを持っていたら：
switch (someVariable) { case "one": return 10; case "two": return 20; default: return 30; }Prettier はこれを次のように整形します:
switch (someVariable) { case "one": return 10; case "two": return 20; default: return 30; }後者は追加で3行のコードが増え、switch文全体の可読性と美観を損なうため避けたいです。
私の質問は次のとおりです：.prettierr
続きを読む →TypeScript - tsファイルとscssファイルでPrettierを実行する
私はTypeScriptとSCSSファイルのためにPrettierを設定しようとしています
私は次の .prettierrc ファイルを持っています：
{ "printWidth": 100, "parser": "typescript", "tabWidth": 2, "semi": true, "singleQuote": true, "trailingComma": "all", "bracketSpacing": true, "jsxBracketSameLine": true, "arrowParens": "avoid" }Prettier を実行すると、scss ファイルでエラーが発生し
続きを読む →angular - Prettier が型を削除する
なぜかわかりませんが、私はAngularアプリにいて、ドキュメントのフォーマットを押すと型が消えてしまいます。
Before: export class AppComponent { title:string = 'angular-todolist'; name:string = 'Michael'; someInteger:number = 10; } After: export class AppComponent { title = 'angular-todolist'; name = 'Michael'; someInteger = 10; }それは何かについて何か提案はありますか？
続きを読む →typescript - NestJSでprettierによるコードフォーマットが機能しない
私は Visual Studio Code を使用しています。私の Nest JS プロジェクトでは、コードが Prettier のルールに従ってフォーマットされません。すでに .prettierrc と .eslintrc を設定しています。また、settings.json ファイルから formatOnSave: true も設定しています。
私の settings.json ファイルの一部
"editor 続きを読む →Visual Studio Code - VSCode /w. Prettier を TypeScript モノレポで
私は現在、Monorepo セットアップで VSCode 拡張機能を通して Prettier を使用しています。問題は、api フォルダでは Prettier が完全に機能しないことです。デフォルトの行幅を尊重せず、セミコロンも自動的に追加されません。奇妙なことに、www フォルダは通常通り動作しており、Prettier の機能が欠けていることもありません。
Prettier の設定は、VSCode の「ユーザー設定」を通じてグローバルに設定されています。
- www - NextJS
- api - アポロサーバー
javascript - Express、TypeScript コードでこれらの Prettier エラーを解決する方法
私は基本的なアプリの Node/Express + Typescript プロジェクトをセットアップしました
app.listen(PORT, (): void => { console.log(`app running in ${environment} listening on port ${PORT}!`); });エラーが出ていて、なぜかわかりません。
「PORT,」を「⏎- - PORT,⏎- 」に置き換えてください（prettier/prettier）
コード - - を挿入 (prettier/prettier)
} を - - },⏎ に置き換える（prettier/prettier）
これらのエラーを修正しようとすると（Codacyのダッシュボードに表示される）、V
続きを読む →javascript - Prettier は、返される関数の型を持つ関数定義で改行してしまう
私はこの関数を持っています：
// before and after prettier const foo = (a: number) => (b: number) => { return a + b }もし私が Prettier を実行すると、すべてそのまま残ります（これは私にとって望ましい動作です）。
返される関数の型を追加すると、なぜかある関数が壊れます。
// before prettier type NestedFuncType = (b: number) => number const foo = (a: number): NestedFuncType => b => { return a + b } // after prettier type NestedFuncType = (b: number) => number const foo = (a: num 続きを読む →typescript - prettierを使用してno-duplicate-importsのeslintエラーを解決する
eslint には no-duplicate-imports があります https://eslint.org/docs/rules/no-duplicate-imports これは同じパスから複数のモジュールをインポートする重複行に対してエラーや警告を表示します。
つまり
import { testModule } from '../file' import { otherModule } from '../file'次のように解決させます:
import { testModule, otherModule } from '../file'既存の Prettier プラグイン、または他の方法で、onSave の際にこれを解決してくれるようにして、手動で修正する必要を避けるには、どのように実現しますか。
続きを読む →TypeScriptでのReact Native（Expo）用ESLint（Airbnb）＋Prettierのセットアップ
私は数週間、React Nativeプロジェクトのためのリンティングとフォーマットの設定に取り組んでいますが、あまり進展がありません。多くのチュートリアルを見てできる限り従ったのですが、それでもいくつか設定の問題があるようです。
私のプロジェクトには Django バックエンドと React Native フロントエンドがあるため、React アプリ（src/frontend ディレクトリ内）は、Expo、Yarn、および TypeScript を使用して、こちらのチュートリアルに従って開始しました: https://reac
続きを読む →