如何在现有 Nuxt.js 项目上安装 Prismic.io 工具答案

【问题标题】：How do I install Prismic.io tool on an existing Nuxt.js project如何在现有 Nuxt.js 项目上安装 Prismic.io 工具
【发布时间】：2021-09-09 22:12:42
【问题描述】：

我一直在尝试在我现有的 Nuxt.js 项目上安装 Prismic.io 工具：

我先升级了nuxt：

npm upgrade nuxt

我已经通过 npm 安装了 prismic：

npm i @nuxtjs/prismic

在package.json 文件中，现在的依赖关系如下：

"dependencies": {
  "@fortawesome/fontawesome-free": "^5.15.3",
  "@nuxtjs/prismic": "^1.3.1",
  "core-js": "^3.9.1",
  "node-sass": "^5.0.0",
  "nuxt": "^2.15.3",
  "nuxt-i18n": "^6.27.1",
  "sass-loader": "^10.1.1"
}

我在plugins 文件夹中创建了link-resolver.js 和html-serializer.js 文件：

link-resolver.js：

export default function (doc) {
    return '/'
}

html-序列化器：

export default function (doc) {
    return '/'
}

然后，我在nuxt.config.js 文件中添加了所需的模块：

modules: [
  'nuxt-i18n',
  '@nuxtjs/prismic'
],
prismic: {
  endpoint: 'https://prismicrepository.cdn.prismic.io/api/v2',
  linkResolver: '~/plugins/link-resolver',
  htmlSerializer: '~/plugins/html-serializer',
}

那我跑了

npm install

在所有这些步骤之后，我的项目仍然没有安装棱镜工具。

【问题讨论】：

标签： nuxt.js prismic.io nuxt-i18n

【解决方案1】：

查看documentation，看来您需要：

npm install --save-dev @nuxtjs/prismic，然后在nuxt.config.js做一些配置

{
  buildModules: [
    '@nuxtjs/prismic'
  ],
  prismic: {
    // don't forget to update "REPOSITORY" here
    endpoint: 'https://<REPOSITORY>.cdn.prismic.io/api/v2',
    modern: true
  }
}

您已经编写了解析器。此外，您不需要在最后使用npm install，因为它在安装 NPM 包时已经这样做了。
之后，一切都应该正常了。

【讨论】：