用 Nuxt/Vue.js 划船

Question

有人用 Nuxt 实现过 Paddle 吗？尝试在 Nuxt 应用程序页面（组件）中运行：

<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
<script type="text/javascript">
    Paddle.Setup({ vendor: 1234567 });
</script>

三种方法我都试过了，都没有成功。

带有 paddle-sdk 的 NPM

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 插件，只能在本地插件目录中创建。他们网站上的 Paddle 要求：“请不要自托管 Paddle.js，这将阻止您接收错误修复和新功能。”

头法

我可以在页面的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
      }
    ]
  },

有人有好运或其他解决方案吗？

Answer 1

我模拟你的问题，我在nuxt.config.js中导入脚本：

head: {
    script: [{
        src: 'https://cdn.paddle.com/paddle/paddle.js',
    }]
}

并在我的页面中使用它：

mounted() {
    Paddle.Setup({ vendor: 1234567 });
}

当然会输出You must specify a valid Paddle Vendor ID.

用 Nuxt/Vue.js 划船

Paddle with Nuxt/Vue.js

javascript

vue.js

vue-component

paddle-paddle

nuxt.js