Question

我在我的应用程序angular2 beta 12下运行，它在Chrome上完美运行，但在Firefox上它会崩溃并持续显示"Loading..."

我被告知这是firefox polyfills的一个问题。

任何提议？

这是我的index.html

<html>
<head>
    <base href="/">
    <title>Minuiserie SIFAST</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="stylesheet" type="text/css" href="/node_modules/bootstrap/dist/css/bootstrap.css">

    <link rel="stylesheet" href="node_modules/ng2-material/dist/ng2-material.css">
    <link rel="stylesheet" href="node_modules/ng2-material/dist/font.css">


    <!-- Load libraries -->
    <!-- IE required polyfills, in this exact order -->
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="node_modules/systemjs/dist/system-polyfills.js"></script>
    <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/typescript/lib/typescript.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
    <script src="node_modules/angular2/bundles/router.dev.js"></script>
    <script src="node_modules/angular2/bundles/http.js"></script>





    <!--importer ici les js de jquery-->

    <script src="./dev/resources/js/jquery.js"></script>
    <script src="./dev/resources/js/jquery-ui.js"></script>



    <script src="./dev/jqueryLibs/jquery-1.12.1.min.js"></script>
    <script src="./dev/jqueryLibs/jquery-migrate-1.2.1.min.js"></script>




    <!--importer ici la js de bootstrap-->
    <script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>


    <!--Importer ici hammer.js-->
    <script src="dev/jqueryLibs/hammer/hammer.js" type="text/javascript"></script>



</head>
<body>
<app>Loading...</app>

<script>
    System.config({

        //use typescript for compilation
        transpiler: 'typescript',
        //typescript compiler options
        typescriptOptions: {
            emitDecoratorMetadata: true,

        },
        //map tells the System loader where to look for things
        map: {
            "ng2-material":"node_modules/ng2-material"




        },


        packages: {
            app: {
                format: 'register',
                defaultExtension: 'js'
            },
            'ng2-material': {
                defaultExtension: 'js'
            }
        }

    });
    System.import('app/boot')
            .then(null, console.error.bind(console));
</script>


 </body>

TSCONFIG：

{
  "compilerOptions": {
    "target": "ES5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "./app"
  },
  "filesGlob": [
    "./dev/**/*.ts",
    "!./node_modules/**/*.ts"
  ],
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ],
  "atom": {
    "rewriteTsconfig": true
  }
}

Answer 1

此问题被宣布为44岁以下版本的firefox问题

我只是通过使用firefox 46或firefox开发人员47来解决这个问题

Angular2：TypeError：p在system.src.js中未定义ON FIREFOX

1 个答案: