【トラブルシューティング】Cloudflare Pages → Workers 移行で遭遇したEdge Runtime問題集

Error: Module not found: Can't resolve 'crypto'

// libs/notion.ts — SDK不使用版
const NOTION_API_BASE = 'https://api.notion.com/v1';
const headers = {
  'Authorization': `Bearer ${process.env.NOTION_TOKEN}`,
  'Notion-Version': '2022-06-28',
  'Content-Type': 'application/json',
};

export async function queryDatabase(databaseId: string, filter?: any) {
  const response = await fetch(`${NOTION_API_BASE}/databases/${databaseId}/query`, {
    method: 'POST',
    headers,
    body: JSON.stringify({ filter }),
  });
  return response.json();
}

Module not found: Can't resolve 'crypto'
  at node_modules/zenn-markdown-html/...

// Before
import markdownToHtml from 'zenn-markdown-html';
const html = markdownToHtml(body);

// After
import MarkdownIt from 'markdown-it';
const md = new MarkdownIt({
  html: true,
  highlight: (str, lang) => {
    // highlight.jsでシンタックスハイライト
  },
});
const html = md.render(body);

Module not found: Can't resolve 'stream'
  at node_modules/cheerio/...

// Before: cheerioでの目次生成
import cheerio from 'cheerio';
const $ = cheerio.load(html);
const headings = $('h2, h3').map((_, el) => ({
  id: $(el).attr('id'),
  text: $(el).text(),
  level: parseInt(el.tagName[1]),
})).get();

// After: 正規表現での目次生成
function extractHeadings(html: string) {
  const regex = /<h([23])[^>]*id="([^"]*)">([^<]*)<\/h[23]>/g;
  const headings = [];
  let match;
  while ((match = regex.exec(html)) !== null) {
    headings.push({
      level: parseInt(match[1]),
      id: match[2],
      text: match[3],
    });
  }
  return headings;
}

import hljs from 'highlight.js';
import MarkdownIt from 'markdown-it';

const md = new MarkdownIt({
  html: true,
  highlight: (str: string, lang: string) => {
    if (lang && hljs.getLanguage(lang)) {
      try {
        return `<pre class="hljs"><code>${hljs.highlight(str, { language: lang }).value}</code></pre>`;
      } catch (__) {}
    }
    return `<pre class="hljs"><code>${md.utils.escapeHtml(str)}</code></pre>`;
  },
});

Error 1102: Worker exceeded CPU time limit

# Cloudflareダッシュボード → Workers & Pages → Plans
# Workers Paid ($5/month) にアップグレード

Error: Environment variable NOTION_TOKEN is not set

# Worker Secrets に必要な環境変数を設定
# 引数なしで実行すると入力を求められるので、そこに貼る
npx wrangler secret put NOTION_TOKEN
npx wrangler secret put NOTION_DATABASE_ID
npx wrangler secret put SITE_URL