Question

我是Angular 4的新手，我有一个实现reCAPTCHA的任务。我正在遵循https://www.npmjs.com/package/ng-recaptcha上的示例。

在app.module.ts中，我添加了以下内容：

import { RecaptchaModule } from 'ng-recaptcha';
import { RecaptchaFormsModule } from 'ng-recaptcha/forms';

在@import的@NgModule中，我添加了以下内容：

RecaptchaModule.forRoot(),
RecaptchaFormsModule

当我运行该应用程序时，我在Chrome中收到以下错误：“ index.debug.html：33错误：意外的令牌<”

我想念什么？我正在使用Visual Studio 2017进行开发。

Answer 1

如果您在Visual Studio中使用它，这意味着您在system.config.js文件中使用.net + angular项目，请使用

// SystemJS config file
 (function () {
 System.config({
paths: {
  'npm:': '/node_modules/',
},
map: {
  'ng-recaptcha': 'npm:ng-recaptcha',
},
packages: {
  'ng-recaptcha': { main: './index.js' },
},
 });
})();

Angular 4验证码-意外令牌<

1 个答案: