tsc命令输出空的js文件

时间:2017-11-05 12:46:38

标签: javascript angularjs typescript

我正在学习Angular / Typescript并找到了我的第一个问题。甚至不知道如何正确地问它。搜索它并一无所获。

我的 main.ts 文件包含此代码

function myFunc(x,y){
    return x+y;
}

let num = 2;
const PI = 3.14;

当我执行命令时

  

tsc main.ts

它会创建一个名为 main.js

的空文件

在我正在观看的视频课程中,生成的文件填充了相应的javascript。

我该怎么办?提前致谢

5 个答案:

答案 0 :(得分:4)

我遇到了类似的问题。我很快意识到,没有通过运行以下命令将main.ts文件保存在VS代码中:

import React, { Component } from 'react'; import { render } from 'react-dom'; const fakeFetch = (n) => { console.log(`Doing fake fetch: ${n}`) return n } class App extends Component { state = { value: false, number: 0, } componentDidMount() { const number = fakeFetch(this.state.number + 1); this.setState({ number }) } componentDidUpdate(prevProps, prevState) { if (prevState.value !== this.state.value) { const number = fakeFetch(this.state.number + 1); this.setState({ number }) } } toggle = () => { this.setState(({ value }) => ({ value: !value })) } render() { return ( <React.Fragment> <h1>Number: {this.state.number}</h1> <button onClick={this.toggle}>re-render</button> </React.Fragment> ); } } render(<App />, document.getElementById('root'));

在这种情况下,您基本上是在编译一个空文件。我猜该教程没有提到您应该手动保存文件。

答案 1 :(得分:1)

在IDE的终端中输入'npm install -g eslint' 保存所有,然后重新加载项目。为我工作!

答案 2 :(得分:0)

在VS Code终端中运行节点main.js之前,请确保将main.ts文件保存在“打开编辑器”下。 希望这会有所帮助!

答案 3 :(得分:0)

您首先需要保存文件。 (Ctrl + s)。 否则,编译器将编译一个空文件。

因此,您应该手动保存文件。

答案 4 :(得分:-1)

检查完 package.json 后,我能够解决这个问题,并且发现我忘记了--save我的各种npm install

我建议你总是仔细检查你的包和tsconfig文件。