Question

我知道这个问题被问了大约100次，但我收到了这个错误。请检查屏幕截图。

错误：SyntaxError：意外的令牌＆lt; 在Object.eval（http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/date-formatter.js:2:14）在eval（http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/date-formatter.js:13:4）评估http://localhost:3000/moment 评估http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/date-formatter.js 评估http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker-inner.js 评估http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker.js 评估http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker-popup.js 评估http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker.js 评估http://localhost:3000/node_modules/ng2-bootstrap/ng2-bootstrap.js 加载http://localhost:3000/app/main.js
时出错

我遵循了用于修复系统配置的解决方案

System.config({
        packages: {
          app: {
            format: 'register',
            defaultExtension: 'js'
          },
          'ng2-bootstrap': {
            defaultExtension: 'js'
          }
        },
        map: {
          // place for ng2 modules mapping
          'ng2-bootstrap': 'node_modules/ng2-bootstrap'
        }
});

但在此解决方案之后我收到错误并且页面未加载...

任何人都知道要遵循的步骤，请告诉我。

Answer 1

实际上，ng2-boostrap提供了一个捆绑文件。只需将其添加到脚本元素中，然后删除SystemJS的相关配置：

<script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.js"></script>

System.config({
    packages: {
      app: {
        format: 'register',
        defaultExtension: 'js'
      },
      'ng2-bootstrap': {
        defaultExtension: 'js'
      }
    },
    map: {
      // place for ng2 modules mapping
      'ng2-bootstrap': 'node_modules/ng2-bootstrap'
    }
});

这可以在用npm安装ng2-bootstrap后完成。

Angular 2错误：SyntaxError：意外的令牌＆lt;

1 个答案: