语法错误：导出声明​​只能出现在模块的顶层

Question

我最近popper.js使用以下评论进行了安装

npm install --save popper.js angular-popper

然后，我将以下内容添加到 angular.json

"scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/popper.js/dist/popper.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js",
              "src/assets/fancybox/js/jquery.fancybox.min.js"
]

但是当我运行应用程序时，我收到如下错误scripts.js，

语法错误：导出声明​​只能出现在模块的顶层

因此，根据此文档，我也尝试导入app.module.ts。但没有运气。

Answer 1

为未来的流浪者发布答案：

导入 popper.js 时，使用UMD发行版。

angular.json

scritps:[
    ...
    "node_modules/popper.js/dist/umd/popper.min.js",
    ...
]

这样做的原因是因为该发行版使用了一种标准化的 JS 库声明方式，称为Universal Module Definition。

更多信息：

https://github.com/umdjs/umd