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

Question

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

我首先升级了nuxt：

npm upgrade nuxt 

我已经通过 npm 安装了棱镜：

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文件：

链路解析器.js ：

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

html-serializer ：

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