Astro中getStaticPaths和posts类型问题导致的渲染错误排查？

1. ---
   
2. import BaseLayout from "../../layouts/BaseLayout.astro";
   
3. 
   
4. export async function getStaticPaths() {
   
5.   const allPosts = await Astro.glob('../posts/*.md');
   
6. 
   
7.   const uniqueTags = [...new Set(allPosts.map((post) => post.frontmatter.tags).flat())];
   
8. 
   
9.   return uniqueTags.map((tag) => {
   
10.     const filteredPosts = allPosts.filter((post) => post.frontmatter.tags.includes(tag));
    
11.     return {
    
12.       params: { tag },
    
13.       props: { posts: filteredPosts },
    
14.     };
    
15.   });
    
16. }
    
17. 
    
18. const { tag } = Astro.params;
    
19. const { posts } = Astro.props;
    
20. ---
    
21. 
    
22. <BaseLayout>
    
23. 
    
24.   <p>包含「{tag}」标签的文章</p>
    
25.   <ul>
    
26.     {posts.map((post) => <li><a href={post.url}>{post.frontmatter.title}</a></li>)}
    
27.   </ul>
    
28. 
    
29. </BaseLayout>

Code kopieren