代码之家  ›  专栏  ›  技术社区  ›  Aakash Kumar

Angular 5应用程序在Firefox v48.0.1或<50.0中不工作

  •  2
  • Aakash Kumar  · 技术社区  · 8 年前

    由于项目范围的原因,我正在尝试在旧版本的浏览器中运行角度应用程序。应用程序在最新版本和Chrome中工作正常。似乎是IE10和Mozilla Firefox(Firefox版本<50)的问题。我正在用48.0.1运行我的应用程序,我在控制台上得到了一个简单的一行程序问题。

    类型错误:未定义 就这样。

    我尝试用谷歌搜索,发现了一个类似的GitHub问题。

    这是我找到的关闭解决方案。 https://github.com/angular/angular-cli/issues/9340

    我尝试遵循与uglifyjs webpack插件相关的步骤,并将其移动到以前的版本1.1.5。我也用这些命令试过了。

    npm i uglifyjs-webpack-plugin@1.1.5 --save-exact
    rm -rf package-lock.json node_modules
    npm install
    

    现在的问题是,我仍然可以在package-lock.json文件中看到其他版本1.2.5和0.4.6。我手动删除了它,但仍然没有解决方案。

    包.json

    "dependencies": {
        ...
        "uglifyjs-webpack-plugin": "1.1.5",
    }
    

    package-lock.json软件包

    "@angular/cli": {
    
        "dependencies": {
    
            "requires": {
                ...
                "uglifyjs-webpack-plugin": "1.2.5",
            }
            "uglifyjs-webpack-plugin": {
              "version": "1.2.5",
              "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.2.5.tgz",
              "integrity": "sha512-hIQJ1yxAPhEA2yW/i7Fr+SXZVMp+VEI3d42RTHBgQd2yhp/1UdBcR3QEWPV5ahBxlqQDMEMTuTEvDHSFINfwSw==",
              "dev": true,
              "requires": {
                "cacache": "10.0.4",
                "find-cache-dir": "1.0.0",
                "schema-utils": "0.4.5",
                "serialize-javascript": "1.5.0",
                "source-map": "0.6.1",
                "uglify-es": "3.3.9",
                "webpack-sources": "1.1.0",
                "worker-farm": "1.6.0"
              },
              "dependencies": {
                "source-map": {
                  "version": "0.6.1",
                  "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
                  "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
                  "dev": true
                }
              }
            }
    
            ....
    
            "uglifyjs-webpack-plugin": {
              "version": "1.1.5",
              "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.1.5.tgz",
              "integrity": "sha512-YBGc9G7dv12Vjx8vUQs54DZgAXVf04LlG6dNNiEbTZjL3PbUqiY4uPB9Kv+fUJaqRskEGva/lS7sh08yJr7jnA==",
              "requires": {
                "cacache": "10.0.4",
                "find-cache-dir": "1.0.0",
                "schema-utils": "0.3.0",
                "serialize-javascript": "1.5.0",
                "source-map": "0.6.1",
                "uglify-es": "3.2.2",
                "webpack-sources": "1.1.0",
                "worker-farm": "1.6.0"
              }
            },
    
            "webpack": {
                "requires": {
                    "uglifyjs-webpack-plugin": "0.4.6",
                }
                "dependencies": {
                    "uglifyjs-webpack-plugin": {
                      "version": "0.4.6",
                      "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-0.4.6.tgz",
                      "integrity": "sha1-uVH0q7a9YX5m9j64kUmOORdj4wk=",
                      "dev": true,
                      "requires": {
                        "source-map": "0.5.7",
                        "uglify-js": "2.8.29",
                        "webpack-sources": "1.1.0"
                      }
                    },
                }
            }
    
        }
    }
    

    我能得到的任何想法或帮助。这对项目来说是至关重要的。

    事先谢谢。

    1 回复  |  直到 8 年前
        1
  •  1
  •   Aakash Kumar    8 年前

    我找到了一个解决办法。

    只需添加—aot-false就可以做到这一点。

    我正在使用命令 ng服务--prod--aot=false 它的作用就像魅力。

    但是否知道它是安全的?我也发现了Github的讨论。

    https://github.com/angular/angular-cli/issues/9244

    https://github.com/angular/angular/issues/21631

    强烈建议对此问题或正确答案进行任何更新。

    谢谢,

    推荐文章