Question

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

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

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

let num = 2;
const PI = 3.14;

当我执行命令时

tsc main.ts

它会创建一个名为 main.js

的空文件

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

我该怎么办？提前致谢

Answer 1

我遇到了类似的问题。我很快意识到，没有通过运行以下命令将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'));

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

Answer 2

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

Answer 3

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

Answer 4

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

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

Answer 5

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

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

tsc命令输出空的js文件

5 个答案: