npm - @nuxt/content 页面在生产模式下找不到

Question

说明

您好，当我运行 npm run build && npm run start 时，我的项目中出现了 nuxt/content 问题。 你要知道，在开发模式下是没有问题的。

当我运行生产模式时，我无法访问与 nuxt/content 一起使用的文件，您可以看到出现在我的控制台中的错误。

编辑

我发现问题出在哪里，这个错误来自 SPA(如果我选择 SSR，它可以正常工作)。有人有解决办法吗？

重现问题的步骤:

1. 创建一个项目:npx create-nuxt-app content-project && cd content-project 下面是我的配置。
2. 进入项目然后安装 nuxt/content : npm install @nuxt/content
3. 进入 nuxt.config.js 并添加到 "modules: []"this : '@nuxt/content' 然后添加 "content: {}"
   
4. 在 tsconfig.json 中，在“types”处添加以下行:“@nuxt/content”，
   
5. 在项目的根目录中，添加一个名为“content”的目录，在此目录中创建一个名为“test.md”的文件，并将以下行添加到文件中:

---
title: Introduction
description: Apprenez comment utiliser @nuxt/content.
---

## Liens

<nuxt-link to="/articles">Nuxt Link vers le Blog</nuxt-link>

<a href="/articles">Lien Html vers le Blog</a>

[Lien Markdown vers le Blog](/fr/articles)

<a href="https://nuxtjs.org">Lien Html externe</a>

[Lien Markdown externe](https://nuxtjs.org)

1. 进入 pages 目录，创建一个名为“testcontent.vue”的新文件并将此代码添加到:

<template>
  <article>
    <h1>{{ page.title }}</h1>
    <nuxt-content :document="page" />
  </article>
</template>

<script>
export default {
  async asyncData({ $content }) {
    const page = await $content('test').fetch()

    return {
      page,
    }
  },
}
</script>

1. 现在，您可以保存并在开发模式下尝试此操作 npm run dev，尝试此链接“http://localhost:3000/testcontent”，这应该有效。
2. 然后在生产模式下尝试此操作 npm run build && npm run start。我不明白为什么那行不通。

Answer 1

您完全可以使用 SPA，甚至是带有 target: static 的完整通用应用程序。我不确定您的答案中的链接帖子是否正确。

它清楚地表明您可以获得 target: static(因此，将其托管在 Netlify 或类似的平台上)并保持通用模式(ssr: true(默认)) , 作为 shown in the documentation .唯一需要做的是 nuxt generate 而不是 nuxt build，因为您的目标是静态构建。

另外，这条评论已有 6 个月以上了，我们从今天开始使用 Nuxt 2.15.2。

我仍然建议使用 static + universal 以获得 nuxt + 它的内容模块的所有好处。