我正在学习Angular / Typescript并找到了我的第一个问题。甚至不知道如何正确地问它。搜索它并一无所获。
我的 main.ts 文件包含此代码
function myFunc(x,y){
return x+y;
}
let num = 2;
const PI = 3.14;
当我执行命令时
tsc main.ts
它会创建一个名为 main.js
的空文件在我正在观看的视频课程中,生成的文件填充了相应的javascript。
我该怎么办?提前致谢
答案 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文件。