将 mailchimp 与 nuxt js 应用程序集成
Posted
技术标签:
【中文标题】将 mailchimp 与 nuxt js 应用程序集成【英文标题】：Integrate mailchimp with nuxt js app 【发布时间】：2018-12-15 17:03:51 【问题描述】：solution provided here 对我不起作用：/
我在运行 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>
【问题讨论】：
【参考方案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>
【讨论】：
以上是关于将 mailchimp 与 nuxt js 应用程序集成的主要内容，如果未能解决你的问题，请参考以下文章
如何将 Naver Analytics 添加到 Nuxt.js SPA 应用程序？
服务端与客户端同构 —— Vue.js 应用框架 Nuxt.js