blocks|key|2950311|text|您可以使用以下命令创建Procfile|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2950312|web:+npm+start|code-block|syntax|javascript|2950313|并让您的启动脚本运行ts-node|2950314|"start":+"ts-node+src/index.ts",|2950315|并在您的依赖项上安装typescript和ts-node|2950316|"ts-node":+"%5E3.3.0",
"typescript":+"%5E2.4.2"|2950317|entityMap^0|B|8|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|T|$]]

You can create a <code>Procfile</code> with

<pre><code>web: npm start
</code></pre>

And have your start script to run ts-node

<pre><code>"start": "ts-node src/index.ts",
</code></pre>

And install typescript and ts-node on your dependencies

<pre><code>"ts-node": "^3.3.0",
"typescript": "^2.4.2"
</code></pre>

blocks|key|182922|text|您不能直接将ts-node部署到heroku。要么构建你自己的buildpack，要么将typescript编译成javascript。我推荐后者。只需在发布时运行命令tsc+-p+.。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|182923|编辑您还可以创建一个名为index.js的文件并添加以下内容：|BOLD|182924|require('ts-node/register');
require('./server.ts');|code-block|syntax|javascript|182925|那么它应该是有效的。也不要忘了运行npm+install+--save-dev+ts-node。|182926|在生产环境中不建议这样做。仅在开发中使用它。|182927|entityMap|0|LINK|mutability|MUTABLE|url|https://devcenter.heroku.com/articles/buildpacks^0|6|7|2C|8|V|9|0|0|0|2|C|8|0|0|H|U|0|0|M|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@$9|14|A|15|1|16]]|E|$]]|$1|F|3|G|5|6|7|17|8|@$9|18|A|19|B|H]|$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|I|3|J|5|K|7|1C|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|1G|8|@$9|1H|A|1I|B|H]]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]]]

You can't deploy <code>ts-node</code> to heroku directly. either build your own <a href="https://devcenter.heroku.com/articles/buildpacks" rel="nofollow">buildpack</a> or just compile typescript to javascript. I recommend the latter. Just run the command <code>tsc -p .</code> on publish.

Edit You can also create a file called <code>index.js</code> and add the following:

<pre><code>require('ts-node/register');
require('./server.ts');
</code></pre>

Then it should work. Don't forget to run <code>npm install --save-dev ts-node</code> as well. 

This is not recommended in production environment. Use it only in development.

blocks|key|5064256|text|package.json：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5064257|"start":"ts-node+index.ts",
"dependencies":+{+"ts-node"+:+"~<version+number>"+}|code-block|syntax|javascript|5064258|为我工作:)|5064259|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

package.json :

<pre><code>"start":"ts-node index.ts",
"dependencies": { "ts-node" : "~&lt;version number&gt;" }
</code></pre>

work for me :)

blocks|key|182968|text|要解决heroku中与缺少ts-node相关的问题，您需要在package.json中使用tsc命令构建TypeScript代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|182969|+"scripts":+{
++++...
++++"build":+"tsc",
++}|code-block|syntax|javascript|182970|然后，在Procfile中，您可以使用node命令运行Heroku为您构建的文件，方法是在package.json中运行build命令。|182971|web:+node+dist/src/server.js|182972|就我个人而言，我认为这是将基于TypeScript的应用程序部署到Heroku的最佳解决方案，如果你还需要tsconfig.json，可以看看我的。|182973|{
++"extends":+"@araclx/tsconfig",
++"compilerOptions":+{
++++"esModuleInterop":+true,
++++"allowSyntheticDefaultImports":+true,
++++"noUnusedParameters":+false,
++++"noUnusedLocals":+false,
++++"lib":+["ES2018"],
++++"module":+"commonjs",
++++"target":+"es6",
++++"noImplicitAny":+true,
++++"moduleResolution":+"node",
++++"sourceMap":+true,
++++"outDir":+"dist"
++}
}|182974|entityMap^0|3|6|D|7|U|C|19|3|0|0|4|8|J|4|19|C|1O|5|0|0|1H|D|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1H|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|T|$]]

To resolve problem in <code>heroku</code> related to missing <code>ts-node</code> you need to build your TypeScript code using <code>tsc</code> command in your <code>package.json</code>.
<pre><code> &quot;scripts&quot;: {
 ...
 &quot;build&quot;: &quot;tsc&quot;,
 }
</code></pre>
Then in <code>Procfile</code> you can use <code>node</code> command to run files that Heroku build for you by ruunning <code>build</code> command in <code>package.json</code>.
<pre><code>web: node dist/src/server.js
</code></pre>
Personally, I think that's a best solution for deployment a TypeScript-based application to Heroku, if you need also <code>tsconfig.json</code> you can take a look for mine.
<pre><code>{
 &quot;extends&quot;: &quot;@araclx/tsconfig&quot;,
 &quot;compilerOptions&quot;: {
 &quot;esModuleInterop&quot;: true,
 &quot;allowSyntheticDefaultImports&quot;: true,
 &quot;noUnusedParameters&quot;: false,
 &quot;noUnusedLocals&quot;: false,
 &quot;lib&quot;: [&quot;ES2018&quot;],
 &quot;module&quot;: &quot;commonjs&quot;,
 &quot;target&quot;: &quot;es6&quot;,
 &quot;noImplicitAny&quot;: true,
 &quot;moduleResolution&quot;: &quot;node&quot;,
 &quot;sourceMap&quot;: true,
 &quot;outDir&quot;: &quot;dist&quot;
 }
}
</code></pre>

blocks|key|5064337|text|也许我来晚了，但这周我遇到了同样的问题，这就是我通过在网络上收集多个解决方案来解决这个问题的方法。希望它能帮助到某些人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5064338|将节点和纱线或npm版本添加到package.json|offset|length|style|CODE|5064339|++"engines":+{
++++"node":+"12.14.0",
++++"yarn":+"1.x"
++},|code-block|syntax|javascript|5064340|将ts节点和typescript添加到package.json上的项目依赖项中|5064341|"ts-node":+"%5E9.0.0",
"typescript":+"%5E4.1.2"|5064342|添加了在Heroku调用的yarn或npm安装之后调用的postinstall脚本，这将在所选的目标文件夹(在本例中为dist)上构建应用程序|5064343|并将启动脚本更改为服务器已编译的应用程序，而不是TS应用程序|5064344|++"scripts":+{
++++"postinstall":+"tsc",
++++"start":+"cross-env+NODE_ENV=production+node+dist/index.js"
++},|5064345|指向PROCFILE上的启动脚本|5064346|web:+yarn+start|5064347|最后，这是您可以选择构建目标"outDir":+"dist",的tsconfig.json|5064348|{
++++"compilerOptions":+{
++++++++"experimentalDecorators":+true,
++++++++"emitDecoratorMetadata":+true,
++++++++"target":+"es2018",
++++++++"moduleResolution":+"node",
++++++++"module":+"commonjs",
++++++++"sourceMap":+true,
++++++++"rootDir":+"src",
++++++++"outDir":+"dist",
++++++++"lib":+["esnext",+"dom",+"es2018",+"esnext.asynciterable"],
++++++++"esModuleInterop":+true
++++},
++++"exclude":+["node_modules"]
}|5064349|entityMap^0|0|F|C|0|0|J|C|0|0|S|B|0|0|0|2|8|0|0|E|H|W|D|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@$D|18|E|19|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1A|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1B|8|@$D|1C|E|1D|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|1E|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1F|8|@$D|1G|E|1H|F|G]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1I|8|@]|9|@]|A|$]]|$1|U|3|V|5|J|7|1J|8|@]|9|@]|A|$K|L]]|$1|W|3|X|5|6|7|1K|8|@$D|1L|E|1M|F|G]]|9|@]|A|$]]|$1|Y|3|Z|5|J|7|1N|8|@]|9|@]|A|$K|L]]|$1|10|3|11|5|6|7|1O|8|@$D|1P|E|1Q|F|G]|$D|1R|E|1S|F|G]]|9|@]|A|$]]|$1|12|3|13|5|J|7|1T|8|@]|9|@]|A|$K|L]]|$1|14|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|15|$]]

Maybe I'm late, but I was running into the same issue this week and this is what I've done to solve the issue by gathering multiple solutions in the web. Hope it helps someone:
Added the node and yarn or npm versions to <code>package.json</code>
<pre><code> &quot;engines&quot;: {
 &quot;node&quot;: &quot;12.14.0&quot;,
 &quot;yarn&quot;: &quot;1.x&quot;
 },
</code></pre>
Added ts-node and typescript to the project dependencies on the <code>package.json</code>
<pre><code>&quot;ts-node&quot;: &quot;^9.0.0&quot;,
&quot;typescript&quot;: &quot;^4.1.2&quot;
</code></pre>
Added the <code>postinstall</code> script that is called after the yarn or npm install called by Heroku, this will build your app on the chosen destination folder (dist in this case)
And changed the start script to server the compiled app instead of the TS one
<pre><code> &quot;scripts&quot;: {
 &quot;postinstall&quot;: &quot;tsc&quot;,
 &quot;start&quot;: &quot;cross-env NODE_ENV=production node dist/index.js&quot;
 },
</code></pre>
Pointed to the start script on the <code>PROCFILE</code>
<pre><code>web: yarn start
</code></pre>
And finally this is the <code>tsconfig.json</code> where you can choose the build destination <code>&quot;outDir&quot;: &quot;dist&quot;,</code>
<pre><code>{
 &quot;compilerOptions&quot;: {
 &quot;experimentalDecorators&quot;: true,
 &quot;emitDecoratorMetadata&quot;: true,
 &quot;target&quot;: &quot;es2018&quot;,
 &quot;moduleResolution&quot;: &quot;node&quot;,
 &quot;module&quot;: &quot;commonjs&quot;,
 &quot;sourceMap&quot;: true,
 &quot;rootDir&quot;: &quot;src&quot;,
 &quot;outDir&quot;: &quot;dist&quot;,
 &quot;lib&quot;: [&quot;esnext&quot;, &quot;dom&quot;, &quot;es2018&quot;, &quot;esnext.asynciterable&quot;],
 &quot;esModuleInterop&quot;: true
 },
 &quot;exclude&quot;: [&quot;node_modules&quot;]
}
</code></pre>

blocks|key|2091962|text|出于未知的原因，Heroku将ts-node修剪为开发依赖项，即使您将其列在依赖项中而不是devDependencies中。您应该做的是指示Heroku不要使用以下命令修剪devDependencies：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2091963|++$+heroku+config:set+NPM_CONFIG_PRODUCTION=false+YARN_PRODUCTION=false|code-block|syntax|javascript|2091964|entityMap^0|F|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

For unknown reasons Heroku prunes ts-node as dev dependency even if you listed it in dependencies instead of devDependencies. What should you do is to instruct Heroku not to prune devDependencies with the command:
<pre class="lang-sh prettyprint-override"><code> $ heroku config:set NPM_CONFIG_PRODUCTION=false YARN_PRODUCTION=false
</code></pre>

blocks|key|5064445|text|对于我们的项目，问题是，ts-node只存在于package.json中的devDependencies中，但是Heroku在运行时需要这种依赖，因此应该将其添加到dependencies中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5064446|entityMap^0|N|C|11|F|2A|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

For our project, the problem was, that ts-node was only in <code>devDependencies</code> in the <code>package.json</code>, but Heroku needs this dependency at runtime so it should be added in <code>dependencies</code>.

I am trying to deploy a sample of the <a href="https://github.com/angular/universal-starter" rel="noreferrer">Angular Universal Starter</a> in Heroku.

The task <code>npm start</code> fails because it does not recognize ts-node.

Is there a way to make deployment on Heroku work using ts-node?

Heroku deploy using ts-node

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我正在尝试在Heroku中部署的一个示例。任务npm start失败，因为它无法识别ts-node。有没有办法使用ts-node在Heroku上进行部署？

问使用ts-node部署Heroku
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用ts-node部署HerokuEN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用ts-node部署Heroku
EN