首页 文章

将mailchimp与nuxt js app集成

提问于
浏览
1

solution provided here对我不起作用:/

我在运行npm run dev时收到一条消息

错误无法编译1错误11:21:24未找到此依赖项:mojo / signup-forms / Loader in ./node_modules/babel-loader/lib?{"babelrc":false,"cacheDirectory":true,,预置 “:[[” d://Code//frontend//node_modules//babel-preset-vue-app//dist//index.common.js”,{ “目标”:{ “即”:9, “uglify”:true}}]]}! . / node_modules / vue-loader / lib / selector.js?type = script&index = 0!./ layouts / default.vue要安装它,您可以运行:npm install - 保存mojo / signup-forms / Loader

当我尝试安装它时,我得到了

$ npm install --save mojo / signup-forms / Loader npm ERR!代码ENOLOCAL npm ERR!无法从“mojo \ signup-forms \ Loader”安装,因为它不包含package.json文件 .

不知道还能做什么 .

这是我的完整default.vue

<template>
      <div>
    <header-block></header-block>

    <nuxt/>

    <footer-block></footer-block>
  </div>
</template>
<script>
import HeaderBlock from '~/components/Header.vue'
import FooterBlock from '~/components/Footer.vue'

require(['mojo/signup-forms/Loader'], function (L) {
  L.start({'baseUrl': 'mc.us9.list-manage.com', 'uuid': 'xxxx', 'lid': 'xxxx'})
})
export default {
  components: {HeaderBlock, FooterBlock}
}
</script>

1 回答

  • 0

    我最终做了以下操作,虽然我偶尔会在哨兵上收到错误通知,并在“function showMailingPopUp”行显示“require is not defined” .

    如果有人可以提供帮助,请告诉我:)至少我有一个起点 .

    app.html(根文件)

    <!DOCTYPE html>
    <html {{ HTML_ATTRS }}>
    <head>
      {{ HEAD }}
    </head>
    <body {{ BODY_ATTRS }}>
    {{ APP }}
    
    <script src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js"></script>
    <script>
    function showMailingPopUp(){require(["mojo/signup-forms/Loader"],function(i){i.start({baseUrl:"xxxx",uuid:"xxxxx",lid:"xxxx"})})}
    </script>
    </body>
    </html>
    

相关问题