时间戳

首页 > 解决方案 > 如何在现有 Nuxt.js 项目上安装 Prismic.io 工具

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

问题描述

我一直在尝试在我现有的 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"
}

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

链接解析器.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.jsprismic.ionuxt-i18n

解决方案

查看文档，您似乎需要：

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 包时它已经这样做了。
在那之后，一切都应该正常工作。

推荐阅读