将 mailchimp 与 nuxt js 应用程序集成答案

【问题标题】：Integrate mailchimp with nuxt js app将 mailchimp 与 nuxt js 应用程序集成
【发布时间】：2018-12-15 17:03:51
【问题描述】：

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

ERROR 编译失败，出现 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/注册表格/加载器

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

$ 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>

【问题讨论】：

标签： javascript webpack vue.js nuxt.js

【解决方案1】：

尽管我偶尔会在哨兵上收到错误通知，并在“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>

【讨论】：