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

Question

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

我首先升级了nuxt：

npm upgrade nuxt 

我已通过国家预防机制安装了棱镜：

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文件夹中创建了plugins和html-serializer.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

在完成所有这些步骤之后，我的项目仍然在发挥作用，因为没有安装棱镜工具。

Answer 1

看一下文档，看起来您需要：

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软件包。

在那之后，一切都会正常的。