module.exports = {

   // "/src/" が入ってなかったので、パスが間違っていた
-  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],

   // 正しいパスを指定してあげる
+  purge: ['./src/pages/**/*.{js,ts,jsx,tsx}', './src/components/**/*.{js,ts,jsx,tsx}'],


  /* -- 省略 --*/
}

import type FirebaseAdmin from "firebase-admin";

import * as z from "zod";

interface IHoge {
  hello: string;
  world: string;
}

const Hoge = z.object<IHoge>({ // IHogeを型引数として渡したいが、エラーが発生する
  hello: z.string(),
  world: z.string()
})

import * as z from "zod";

// zodに渡せる型に変換する型
type toZod<T extends Record<string, any>> = {
  [K in keyof T]-?: z.ZodType<T[K]>;
}

interface IHoge {
  hello: string;
  world: string;
}

const Hoge = z.object<toZod<IHoge>>({ // IHogeを型引数として渡したい
  hello: z.string(),
  world: z.string()
})

[K in keyof T]-?: ~

#!/bin/sh

# nvmの環境変数を設定する
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

# 以下は、記述済みのスクリプト
. "$(dirname "$0")/_/husky.sh"
yarn lint-staged

#!/bin/sh
if [ -z "$husky_skip_init" ]; then
  # -- 省略 -- 
fi

# 以下の部分を追加
export NVM_DIR="$HOME/.nvm"
if [ -e $NVM_DIR ]; then
  [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # nvmがあれば、nvmを有効化する
fi

import { getAuth, signInWithPopup, getAdditionalUserInfo, GithubAuthProvider } from "firebase/auth"

const onLogin = async () => {
  // Githubのプロバイダーを作成
  const provider = new GithubAuthProvider();

  // ポップアップでログイン
  const result = await signInWithPopup(getAuth(), provider)

  // Github プロバイダーが提供する追加情報を取得する
  const additionalUserInfo = getAdditionalUserInfo(result)

  // 追加情報を表示( profileの値は使っているプロバイダーによって変わります )
  console.log(additionalUserInfo?.profile);
}

Unable to resolve path to module './App'.

/* -- 省略 -- */
  settings: {
    "import/resolver": {
     node: {
+       extensions: [".js", ".jsx", ".ts", ".tsx"],
      },
   },
  },
/* -- 省略 -- */

window.Prism = window.Prism || {};
window.Prism.manual = true; // 自動的にハイライトするのを無効にする

モジュールの既定エクスポートがプライベート名 'xxx' を持っているか、使用しています。ts(4082)

interface Hoge {
  value: string;
}

export const sayHello = (hoge: Hoge) => {
  console.log(hoge)
}

import { sayHoge  } from "./a";

export const sayHelloWorld = sayHoge; // ここで上記のエラーが発生する

{
  "compilerOptions": {
    /* ... */

    "declaration": false, // ここが true だと上記のエラーが発生する

    /* ... */
  },
}

- interface Hoge {
+ type Hoge = {
   value: string;
 }

 export const sayHello = (hoge: Hoge) => {
   console.log(hoge)
 }

- interface Hoge {
+ export interface Hoge {
   value: string;
 }

 export const sayHello = (hoge: Hoge) => {
   console.log(hoge)
 }

//registry.npmjs.org/:_authToken=${NPM_TOKEN}

$> npx vite

ailed to load config from vite.config.ts
error when starting dev server:
TypeError: defaultLoader is not a function
...

'Hoge' を JSX コンポーネントとして使用することはできません。
  そのインスタンスの型 'Hoge' は、有効な JSX 要素ではありません。
    'render()' によって返された型は、これらの型同士で互換性がありません。
      型 'React.ReactNode' を型 'import("/Hoge/node_modules/@types/styled-components/node_modules/@types/react/index").ReactNode' に割り当てることはできません。
        型 '{}' を型 'ReactNode' に割り当てることはできません。

{
  "include": ["src/**/*.ts"],
  "exclude": ["src/exclude.ts"]
}

import { ... } from "./exclude.ts"; 
// 👆 ここで参照したことで tsconfig.json の exclude が無効になってしまう

- import { ... } from "./exclude.ts"; 
+ import { ... } from "./non-exclude-file.ts";