有人在Nuxt中使用过Paddle吗? 我正在尝试在Nuxt应用程序页面(组件)中运行它:
<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
<script type="text/javascript">
Paddle.Setup({ vendor: 1234567 });
</script>
我已经尝试了三种方法,但都没有成功。
- NPM和paddle-sdk
https://www.npmjs.com/package/paddle-sdk
依赖项过时,无法在现代项目上构建。 当安装npm i --save paddle-sdk时,会出现以下错误。 这些依赖关系中有一些无法通过npm获得:
WARN in ./node_modules/paddle-sdk/node_modules/keyv/src/index.js friendly-errors 09:02:21
Critical dependency: the request of a dependency is an expression friendly-errors 09:02:21
friendly-errors 09:02:21
ERROR Failed to compile with 4 errors friendly-errors 09:02:21
These dependencies were not found: friendly-errors 09:02:21
friendly-errors 09:02:21
* dns in ./node_modules/cacheable-lookup/index.js friendly-errors 09:02:21
* fs in ./node_modules/paddle-sdk/node_modules/got/dist/source/request-as-event-emitter.js, ./node_modules/paddle-sdk/node_modules/got/dist/source/utils/get-body-size.js
* net in ./node_modules/paddle-sdk/node_modules/got/dist/source/utils/timed-out.js friendly-errors 09:02:21
friendly-errors 09:02:21
To install them, you can run: npm install --save dns fs net friendly-errors 09:02:21
- Nuxt插件
https://nuxtjs.org/docs/2.x/directory-structure/plugins/
无法创建一个具有远程(第三方)脚本的nuxt插件,只能在plugins目录中本地创建。Paddle网站上提醒您:“请勿自行托管Paddle.js,这将阻止您获取错误修复和新功能。”
- Head方法
我可以在页面的head方法中实现该脚本,但我无法在nuxt页面中执行该脚本中的方法。换句话说,以下代码可以工作:
<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
但以下代码不起作用:
<script type="text/javascript">
Paddle.Setup({ vendor: 1234567 });
</script>
这是我 .vue 文件头部的部分:
head: {
script: [
{
hid: 'Paddle',
src: 'https://cdn.paddle.com/paddle/paddle.js',
async: true,
defer: false
}
]
},
有人有运气或替代方案吗?
head()
导入了脚本?在第一种方法中,能否请您分享插件代码? - Iman Shafiei