Angular2 : TypeError: p is undefined in system.src.js ON FIREFOX

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>

TS配置：

{
  "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 developer 47 解决了这个问题

Angular2 : TypeError: p is undefined in system.src.js ON FIREFOX

Angular2 : TypeError: p is undefined in system.src.js ON FIREFOX

firefox

node.js

typescript

angular2-template

angular