2017-06-12 52 views
1

我从英雄之旅中克隆了项目教程https://angular.io/docs/ts/latest/guide/setup.html分离TypeScript和JavaScript文件

我想将.js文件分隔到另一个目录,因为现在我在一个目录中将.ts,.js和.js.map文件放在一起。

我试图解决它的答案如下:Separate Angular2 TypeScript files and JavaScript files into different folders, maybe 'dist‘但后systemjs.config.js和tsconfig.json改变我得到一个错误:

Failed to load resource: the server responded with a status of 404 (Not Found) 
localhost/:18 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/app/app.module 
    Error: XHR error (404 Not Found) loading http://localhost:3000/app/app.module 
     at XMLHttpRequest.wrapFn [as __zone_symbol___onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:1056:39) 
     at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:424:31) 
     at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:191:47) 
     at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:486:38) 
    Error loading http://localhost:3000/app/app.module as "./app/app.module" from http://localhost:3000/main.js 
     at XMLHttpRequest.wrapFn [as __zone_symbol___onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:1056:39) 
     at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:424:31) 
     at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:191:47) 
     at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:486:38) 
    Error loading http://localhost:3000/app/app.module as "./app/app.module" from http://localhost:3000/main.js 
+0

你用什么IDE? – alehn96

+0

视觉工作室代码 – user

+0

如果他们检测到使用打字稿,大多数编辑人员会将'.js'和'.js.map''折叠'并隐藏起来。如今它并不经常在你描述的不同的目录中。 – Raven

回答

3

添加

"files.exclude": { 
    "**/*.js.map": true, 
    "**/*.js": { 
     "when": "$(basename).ts" 
    } 
}, 

到用户设置

+0

我遇到问题。 我的主目录是应用程序。当我在这个目录中拥有所有.ts文件时,我没有看到.js和.js.map文件。但是,当我创建一个目录app/subdir /子目录,我把那里的.ts文件,我在目录应用程序中获得.js文件。 – user

相关问题