时间戳

首页 > 解决方案 > 将 mailchimp 与 nuxt js 应用程序集成

javascript - 将 mailchimp 与 nuxt js 应用程序集成

问题描述

此处提供的解决方案对我不起作用：/

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

错误无法编译，出现 1 个错误 11:21:24

未找到此依赖项：

  • ./node_modules/babel-loader/lib 中的 mojo/signup-forms/Loader?{"babelrc":false,"cacheDirectory":true,"presets":[["D://Code//frontend//node_modules/ /babel-preset-vue-app//dist//index.common.js",{"targets":{"ie":9,"uglify":true}}]]}!./node_modules/vue-loader /lib/selector.js?type=script&index=0!./layouts/default.vue

要安装它，您可以运行： npm install --save mojo/signup-forms/Loader

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

$ npm install --save mojo/signup-forms/Loader npm ERR! 代码 ENOLOCAL npm 错误！无法从“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>

标签： javascriptwebpackvue.jsnuxt.js

解决方案

我最终做了以下事情，尽管我偶尔会在“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>

推荐阅读