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="uckqyua" 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 應用程序 javascript 文件

        How do I concattinate my angular2 app javascript files(如何連接我的 angular2 應用程序 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="qqwk2ui" id='7G7vl'><tfoot id='7G7vl'></tfoot><dl id='7G7vl'><fieldset id='7G7vl'></fieldset></dl></div>
                  本文介紹了如何連接我的 angular2 應用程序 javascript 文件的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

                  問題描述

                  限時送ChatGPT賬號..

                  對于我的 angular2 typescript 應用程序,我將所有 js 文件合并到一個 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.

                  然后,我的控制臺日志中出現多個匿名 System.register 調用在同一個模塊文件中錯誤.

                  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 導入該文件以導入該 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.

                  當我將所有 Javascript 文件合并到一個文件中時,我會按照一定的順序進行操作.

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

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

                  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"
                    ]
                  }
                  

                  這是我的錯誤屏幕截圖:

                  這是瀏覽器控制臺中的源文件:

                  推薦答案

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

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

                  如果您想將它們全部放在一個文件中,則需要在 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"
                    ]
                  }
                  

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

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

                  相關文檔推薦

                  Browserify, Babel 6, Gulp - Unexpected token on spread operator(Browserify,Babel 6,Gulp - 傳播運算符上的意外令牌)
                  Is it possible to pass a flag to Gulp to have it run tasks in different ways?(是否可以將標志傳遞給 Gulp 以使其以不同的方式運行任務?)
                  Why do we need to install gulp globally and locally?(為什么我們需要在全局和本地安裝 gulp?)
                  How to run Gulp tasks sequentially one after the other(如何一個接一個地依次運行 Gulp 任務)
                  Visual Studio 2015 crashes when opening Javascript files(打開 Javascript 文件時 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="yg0akes" 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>
                            主站蜘蛛池模板: 液压升降平台_剪叉式液压/导轨式升降机_传菜机定做「宁波日腾升降机厂家」 | 东莞螺杆空压机_永磁变频空压机_节能空压机_空压机工厂批发_深圳螺杆空压机_广州螺杆空压机_东莞空压机_空压机批发_东莞空压机工厂批发_东莞市文颖设备科技有限公司 | 超细|超微气流粉碎机|气流磨|气流分级机|粉体改性机|磨粉机|粉碎设备-山东埃尔派粉体科技 | 玉米深加工设备-玉米深加工机械-新型玉米工机械生产厂家-河南粮院机械制造有限公司 | 整合营销推广|营销网络推广公司|石家庄网站优化推广公司|智营销 好物生环保网、环保论坛 - 环保人的学习交流平台 | 伶俐嫂培训学校_月嫂培训班在哪里报名学费是多少_月嫂免费政府培训中心推荐 | 百度网站优化,关键词排名,SEO优化-搜索引擎营销推广 | 苏州注册公司_苏州代理记账_苏州工商注册_苏州代办公司-恒佳财税 | 奥因-光触媒除甲醛公司-除甲醛加盟公司十大品牌 | 食药成分检测_调料配方还原_洗涤剂化学成分分析_饲料_百检信息科技有限公司 | 亳州网络公司 - 亳州网站制作 - 亳州网站建设 - 亳州易天科技 | 智能化的检漏仪_气密性测试仪_流量测试仪_流阻阻力测试仪_呼吸管快速检漏仪_连接器防水测试仪_车载镜头测试仪_奥图自动化科技 | 上海小程序开发-小程序制作-上海小程序定制开发公司-微信商城小程序-上海咏熠 | 磁力抛光机_磁力研磨机_磁力去毛刺机-冠古设备厂家|维修|租赁【官网】 | 气动隔膜泵厂家-温州永嘉定远泵阀有限公司 | 全自动五线打端沾锡机,全自动裁线剥皮双头沾锡机,全自动尼龙扎带机-东莞市海文能机械设备有限公司 | 植筋胶-粘钢胶-碳纤维布-碳纤维板-环氧砂浆-加固材料生产厂家-上海巧力建筑科技有限公司 | 电动卫生级调节阀,电动防爆球阀,电动软密封蝶阀,气动高压球阀,气动对夹蝶阀,气动V型调节球阀-上海川沪阀门有限公司 | 恒温振荡混匀器-微孔板振荡器厂家-多管涡旋混匀器厂家-合肥艾本森(www.17world.net) | SMN-1/SMN-A ABB抽屉开关柜触头夹紧力检测仪-SMN-B/SMN-C-上海徐吉 | 合肥白癜风医院_合肥治疗白癜风医院_合肥看白癜风医院哪家好_合肥华研白癜风医院 | 标准光源箱|对色灯箱|色差仪|光泽度仪|涂层测厚仪_HRC大品牌生产厂家 | 事迹材料_个人事迹名人励志故事 学生作文网_中小学生作文大全与写作指导 | 泰来华顿液氮罐,美国MVE液氮罐,自增压液氮罐,定制液氮生物容器,进口杜瓦瓶-上海京灿精密机械有限公司 | 二手回收公司_销毁处理公司_设备回收公司-找回收信息网 | 炉门刀边腹板,焦化设备配件,焦化焦炉设备_沧州瑞创机械制造有限公司 | 媒介云-全网整合营销_成都新闻媒体发稿_软文发布平台 | 编织人生 - 权威手工编织网站,编织爱好者学习毛衣编织的门户网站,织毛衣就上编织人生网-编织人生 | 科箭WMS仓库管理软件-TMS物流管理系统-科箭SaaS云服务 | 上海深蓝_缠绕机_缠膜机-上海深蓝机械装备有限公司 | 派克防爆伺服电机品牌|国产防爆伺服电机|高低温伺服电机|杭州摩森机电科技有限公司 | 锯边机,自动锯边机,双面涂胶机-建业顺达机械有限公司 | 步进_伺服_行星减速机,微型直流电机,大功率直流电机-淄博冠意传动机械 | 泰国试管婴儿_泰国第三代试管婴儿_泰国试管婴儿费用/多少钱_孕泰来 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 对照品_中药对照品_标准品_对照药材_「格利普」高纯中药标准品厂家-成都格利普生物科技有限公司 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | 曙光腾达官网-天津脚手架租赁-木板架出租-移动门式脚手架租赁「免费搭设」 | 代做标书-代写标书-专业标书文件编辑-「深圳卓越创兴公司」 | 对照品_中药对照品_标准品_对照药材_「格利普」高纯中药标准品厂家-成都格利普生物科技有限公司 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | 地磅-电子地磅维修-电子吊秤-汽车衡-无人值守系统-公路治超-鹰牌衡器 | 直流电能表-充电桩电能表-导轨式电能表-智能电能表-浙江科为电气有限公司 |