pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

<tfoot id='udpy8'></tfoot>

        <small id='udpy8'></small><noframes id='udpy8'>

      1. <i id='udpy8'><tr id='udpy8'><dt id='udpy8'><q id='udpy8'><span id='udpy8'><b id='udpy8'><form id='udpy8'><ins id='udpy8'></ins><ul id='udpy8'></ul><sub id='udpy8'></sub></form><legend id='udpy8'></legend><bdo id='udpy8'><pre id='udpy8'><center id='udpy8'></center></pre></bdo></b><th id='udpy8'></th></span></q></dt></tr></i><div class="02gw0uc" id='udpy8'><tfoot id='udpy8'></tfoot><dl id='udpy8'><fieldset id='udpy8'></fieldset></dl></div>
        <legend id='udpy8'><style id='udpy8'><dir id='udpy8'><q id='udpy8'></q></dir></style></legend>
          <bdo id='udpy8'></bdo><ul id='udpy8'></ul>

        如何連接我的 angular2 應(yīng)用程序 javascript 文件

        How do I concattinate my angular2 app javascript files(如何連接我的 angular2 應(yīng)用程序 javascript 文件)

              <tbody id='7G7vl'></tbody>
          1. <small id='7G7vl'></small><noframes id='7G7vl'>

          2. <tfoot id='7G7vl'></tfoot>
            <legend id='7G7vl'><style id='7G7vl'><dir id='7G7vl'><q id='7G7vl'></q></dir></style></legend>

              • <bdo id='7G7vl'></bdo><ul id='7G7vl'></ul>
                • <i id='7G7vl'><tr id='7G7vl'><dt id='7G7vl'><q id='7G7vl'><span id='7G7vl'><b id='7G7vl'><form id='7G7vl'><ins id='7G7vl'></ins><ul id='7G7vl'></ul><sub id='7G7vl'></sub></form><legend id='7G7vl'></legend><bdo id='7G7vl'><pre id='7G7vl'><center id='7G7vl'></center></pre></bdo></b><th id='7G7vl'></th></span></q></dt></tr></i><div class="0e2cioq" id='7G7vl'><tfoot id='7G7vl'></tfoot><dl id='7G7vl'><fieldset id='7G7vl'></fieldset></dl></div>
                  本文介紹了如何連接我的 angular2 應(yīng)用程序 javascript 文件的處理方法,對大家解決問題具有一定的參考價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧!

                  問題描述

                  限時(shí)送ChatGPT賬號(hào)..

                  對于我的 angular2 typescript 應(yīng)用程序,我將所有 js 文件合并到一個(gè) app.min.js 文件中,然后將該文件 System.import 到我的 index.html 頁面.

                  For my angular2 typescript app I concat all my js files into one app.min.js file, then System.import this file to my index.html page.

                  然后,我的控制臺(tái)日志中出現(xiàn)多個(gè)匿名 System.register 調(diào)用在同一個(gè)模塊文件中錯(cuò)誤.

                  I then get a Multiple anonymous System.register calls in the same module file error in my console log.

                  我將所有 Javascript 文件(不是庫)放入 app.min.js 中,然后在我的 index.html 頁面上使用 system.import 導(dǎo)入該文件以導(dǎo)入該 js 文件.

                  I put all my Javascript files (not libraries) into app.min.js and then on my index.html page I then import the file using system.import to import that js file.

                  當(dāng)我將所有 Javascript 文件合并到一個(gè)文件中時(shí),我會(huì)按照一定的順序進(jìn)行操作.

                  When I concat all the Javascript files into one file I do them in a certain order.

                  也許我的配置中缺少一些參考或設(shè)置?

                  Maybe I'm missing some references or settings in my configs?

                  這是我的 index.html 頁面:

                  <!DOCTYPE html>
                  <html lang="en" prefix="og: http://ogp.me/ns#" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
                    <head>
                      <base href="/"></base>
                  
                      <meta charset="UTF-8">
                      <meta name="fragment" content="!"/>
                      <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"/>
                      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=0.5, user-scalable=yes"/>
                  
                  
                      <!-- inject:css -->    
                         <link rel="stylesheet" href="/src/css/styles.af010955.css">    
                      <!-- endinject -->
                  
                      <!-- Js libs -->    
                      <script type="text/javascript" src="https://cdn.jsdelivr.net/lodash/4.11.2/lodash.min.js"></script>
                      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
                      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>        
                      <script type="text/javascript" src="/bootstrap.js"></script>    
                  
                      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script>    
                      <script type="text/javascript" src="/safariPolyFix.js"></script>    
                      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.src.js"></script>   
                  
                      <script>
                          System.config({
                              transpiler: 'typescript',
                              defaultJSExtensions: true,  
                              typescriptOptions: {
                                  emitDecoratorMetadata: true,
                              },          
                              packages: {
                                  'angular2-google-maps': {
                                    defaultExtension: 'js'
                                  }
                              }
                          });       
                      </script>
                  
                      <script type="text/javascript" src="/angular2_google_maps.js"></script>
                  
                      <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
                      <script type="text/javascript" src="https://code.angularjs.org/tools/typescript.js"></script>
                      <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
                  
                      <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/angular2.js"></script>
                      <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/router.js"></script>
                      <script type="text/javascript" src="https://code.angularjs.org/2.0.0-beta.0/http.js"></script>  
                  
                      <script type="text/javascript" src="/firebase/firebaseNew.js"></script>
                  
                    </head>
                  
                    <body id="container">
                  
                      <app></app>
                  
                      <script type="text/javascript">  
                        System.import('/app/app.min.js');
                      </script>
                  
                    </body>
                  </html>
                  

                  這是我的 gulp 文件:

                  var gulp = require('gulp');
                  var concat = require('gulp-concat');
                  
                  gulp.task('app', function() {
                      return gulp.src(['src/app/app.component.js', 'src/app/*.js', 'src/app/filters/*.js', 'src/app/models/**/*.js', 'src/app/components/**/*.js', 'src/app/services/**/*.js'])
                          .pipe(concat('app.min.js'))
                          .pipe(gulp.dest('src/app'));
                  });
                  
                  gulp.task('default', ['app']);
                  

                  這是我的 tsconfig.json

                  {
                    "compilerOptions": {
                      "target": "ES5",
                      "module": "system",
                      "moduleResolution": "node",
                      "sourceMap": true,
                      "emitDecoratorMetadata": true,
                      "experimentalDecorators": true,
                      "removeComments": false,
                      "noImplicitAny": false
                    },
                    "exclude": [
                      "node_modules"
                    ]
                  }
                  

                  這是我的錯(cuò)誤屏幕截圖:

                  這是瀏覽器控制臺(tái)中的源文件:

                  推薦答案

                  其實(shí)你不能自己concat typescript編譯器生成的js文件.

                  In fact you can't concat js files by your own that are generated by the typescript compiler.

                  如果您想將它們?nèi)糠旁谝粋€(gè)文件中,則需要在 tsconfig.json 文件中利用編譯器的 outFile 屬性:

                  If you want to have all of them in a single file, you need to leverage the outFile property of the compiler in the tsconfig.json file:

                  {
                    "compilerOptions": {
                      "target": "ES5",
                      "module": "system",
                      "moduleResolution": "node",
                      "sourceMap": true,
                      "emitDecoratorMetadata": true,
                      "experimentalDecorators": true,
                      "removeComments": false,
                      "noImplicitAny": false,
                      "outFile": "app.js" <-------
                    },
                    "exclude": [
                      "node_modules"
                    ]
                  }
                  

                  這篇關(guān)于如何連接我的 angular2 應(yīng)用程序 javascript 文件的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網(wǎng)!

                  【網(wǎng)站聲明】本站部分內(nèi)容來源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問題,如果有圖片或者內(nèi)容侵犯了您的權(quán)益,請聯(lián)系我們刪除處理,感謝您的支持!

                  相關(guān)文檔推薦

                  Browserify, Babel 6, Gulp - Unexpected token on spread operator(Browserify,Babel 6,Gulp - 傳播運(yùn)算符上的意外令牌)
                  Is it possible to pass a flag to Gulp to have it run tasks in different ways?(是否可以將標(biāo)志傳遞給 Gulp 以使其以不同的方式運(yùn)行任務(wù)?)
                  Why do we need to install gulp globally and locally?(為什么我們需要在全局和本地安裝 gulp?)
                  How to run Gulp tasks sequentially one after the other(如何一個(gè)接一個(gè)地依次運(yùn)行 Gulp 任務(wù))
                  Visual Studio 2015 crashes when opening Javascript files(打開 Javascript 文件時(shí) Visual Studio 2015 崩潰)
                  Detect FLASH plugin crashes(檢測 FLASH 插件崩潰)

                    <tfoot id='A2vWd'></tfoot><legend id='A2vWd'><style id='A2vWd'><dir id='A2vWd'><q id='A2vWd'></q></dir></style></legend>

                    <i id='A2vWd'><tr id='A2vWd'><dt id='A2vWd'><q id='A2vWd'><span id='A2vWd'><b id='A2vWd'><form id='A2vWd'><ins id='A2vWd'></ins><ul id='A2vWd'></ul><sub id='A2vWd'></sub></form><legend id='A2vWd'></legend><bdo id='A2vWd'><pre id='A2vWd'><center id='A2vWd'></center></pre></bdo></b><th id='A2vWd'></th></span></q></dt></tr></i><div class="0y2s2iy" id='A2vWd'><tfoot id='A2vWd'></tfoot><dl id='A2vWd'><fieldset id='A2vWd'></fieldset></dl></div>

                  • <small id='A2vWd'></small><noframes id='A2vWd'>

                      <bdo id='A2vWd'></bdo><ul id='A2vWd'></ul>

                            <tbody id='A2vWd'></tbody>
                            主站蜘蛛池模板: 菲希尔X射线测厚仪-菲希尔库伦法测厚仪-无锡骏展仪器有限责任公司 | 沉降天平_沉降粒度仪_液体比重仪-上海方瑞仪器有限公司 | 平面钻,法兰钻,三维钻-山东兴田阳光智能装备股份有限公司 | 数控车床-立式加工中心-多功能机床-小型车床-山东临沂金星机床有限公司 | 蓝莓施肥机,智能施肥机,自动施肥机,水肥一体化项目,水肥一体机厂家,小型施肥机,圣大节水,滴灌施工方案,山东圣大节水科技有限公司官网17864474793 | 发光字|标识设计|标牌制作|精神堡垒 - 江苏苏通广告有限公司 | 分光色差仪,测色仪,反透射灯箱,爱色丽分光光度仪,美能达色差仪维修_苏州欣美和仪器有限公司 | 大数据营销公司_舆情监测软件_上海SEO公司-文军营销官网 | 专业广州网站建设,微信小程序开发,一物一码和NFC应用开发、物联网、外贸商城、定制系统和APP开发【致茂网络】 | 步进_伺服_行星减速机,微型直流电机,大功率直流电机-淄博冠意传动机械 | 报警器_家用防盗报警器_烟雾报警器_燃气报警器_防盗报警系统厂家-深圳市刻锐智能科技有限公司 | 南京泽朗生物科技有限公司-液体饮料代加工_果汁饮料代加工_固体饮料代加工 | 东莞螺杆空压机_永磁变频空压机_节能空压机_空压机工厂批发_深圳螺杆空压机_广州螺杆空压机_东莞空压机_空压机批发_东莞空压机工厂批发_东莞市文颖设备科技有限公司 | 北京征地律师,征地拆迁律师,专业拆迁律师,北京拆迁律师,征地纠纷律师,征地诉讼律师,征地拆迁补偿,拆迁律师 - 北京凯诺律师事务所 | 双吸泵,双吸泵厂家,OS双吸泵-山东博二泵业有限公司 | 北京律师咨询_知名专业北京律师事务所_免费法律咨询 | 气动调节阀,电动调节阀,自力式压力调节阀,切断阀「厂家」-浙江利沃夫自控阀门 | 瑞典Blueair空气净化器租赁服务中心-专注新装修办公室除醛去异味服务! | 磁棒电感生产厂家-电感器厂家-电感定制-贴片功率电感供应商-棒形电感生产厂家-苏州谷景电子有限公司 | 日本东丽膜_反渗透膜_RO膜价格_超滤膜_纳滤膜-北京东丽阳光官网 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | 上海物流公司,上海货运公司,上海物流专线-优骐物流公司 | 亮点云建站-网站建设制作平台 | 南京租车,南京汽车租赁,南京包车,南京会议租车-南京七熹租车 | 微型实验室真空泵-无油干式真空泵-微型涡旋耐腐蚀压缩机-思科涡旋科技(杭州)有限公司 | 衬四氟_衬氟储罐_四氟储罐-无锡市氟瑞特防腐科技有限公司 | 广州工业氧气-工业氩气-工业氮气-二氧化碳-广州市番禺区得力气体经营部 | 叉车电池-叉车电瓶-叉车蓄电池-铅酸蓄电池-电动叉车蓄电池生产厂家 | 不干胶标签,不干胶标签纸_厂家-山东同力胶粘制品| 手持式3d激光扫描仪-便携式三维立体扫描仪-北京福禄克斯 | 青岛成人高考_山东成考报名网 | 首页_中夏易经起名网| 碳纤维复合材料制品生产定制工厂订制厂家-凯夫拉凯芙拉碳纤维手机壳套-碳纤维雪茄盒外壳套-深圳市润大世纪新材料科技有限公司 | 橡胶粉碎机_橡胶磨粉机_轮胎粉碎机_轮胎磨粉机-河南鼎聚重工机械制造有限公司 | 考勤系统_人事考勤管理系统_本地部署BS考勤系统_考勤软件_天时考勤管理专家 | 国际船舶网 - 船厂、船舶、造船、船舶设备、航运及海洋工程等相关行业综合信息平台 | 卫生纸复卷机|抽纸机|卫生纸加工设备|做卫生纸机器|小型卫生纸加工需要什么设备|卫生纸机器设备多少钱一台|许昌恒源纸品机械有限公司 | 【连江县榕彩涂料有限公司】官方网站 | 济南品牌包装设计公司_济南VI标志设计公司_山东锐尚文化传播 | 电采暖锅炉_超低温空气源热泵_空气源热水器-鑫鲁禹电锅炉空气能热泵厂家 | 北京西风东韵品牌与包装设计公司,创造视觉销售力! | 求是网 - 思想建党 理论强党 |