Angular 6-部署后LESS动画不起作用

Question

大家早上好！我对LESS动画有问题。我在ng build --prod之后将我的应用程序推送到服务器上，然后浏览器看不到CSS动画。它在localhost上正常工作，但在部署后却无法正常工作，我也不知道为什么：（

本地主机：

我的网站：

angular.json：

      "options": {
        "outputPath": "dist/website",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
          "src/favicon.ico",
          "src/assets"
        ],
        "styles": [
          "src/styles.less"
        ],
        "scripts": [
          "./node_modules/hammerjs/hammer.min.js",
          "./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

和我的关键帧混合：

     .keyframes(rollimg, {
              0% {
                right: -300px;
                opacity: 0;
              }
              50% {
                right: 0;
                opacity: 0.8;
              }
              60% {
              right: -40px;
              }
              100% {
                right: 0;
                opacity: 1;
              }
              });
                  .keyframes (scrollup, {
                          0% {
                            top: 0;}
                        50% {
                          top: 10px;
                        }
                          100% {
                            top: 0;
                          }
                        });

两个动画都不起作用，你能告诉我我在做什么错吗？

Answer 1

确定，我的错：(我的.animation Mixin不正确：(已解决问题