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

Question

大家早上好! 我对 LESS 动画有疑问。我在 ng build --prod 之后将我的应用程序推送到服务器上，然后浏览器看不到 CSS 动画。它在本地主机上工作，但在部署后不工作，我不知道为什么 :(

本地主机:

我的网站:

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 不正确 :( 问题解决了