I have a web development project that consists of various JavaScript files and one TypeScript file. I am utilizing the most recent version of TypeScript with its allowJs flag enabled. Despite wanting to compile my project using a gulp task, I keep encountering the following errors:
x:/XXX/typings/main/ambient/angular/index.d.ts(65,35): error TS2304: Cannot find name 'Element'.
x:/XXX/typings/main/ambient/angular/index.d.ts(65,50): error TS2304: Cannot find name 'Document'.
Below is an excerpt from my typings.json file:
{
"ambientDependencies": {
"angular": "registry:dt/angular#1.5.0+20160318102130",
"d3": "registry:dt/d3#0.0.0+20160317120654",
"jquery": "registry:dt/jquery#1.10.0+20160316155526"
}
}
This is what my tsconfig.json looks like:
{
"compilerOptions": {
"allowJs":true,
"noLib": false,
"target":"ES5"
}
}
Snippet from my gulpfile:
var tsProject = plugins.typescript.createProject('tsconfig.json');
var pathsSrc = {
ts: [ "typings/main.d.ts", 'client/app/**/*.js', 'client/app/**/*.ts', '!**/nameOfMyOnlyTsFile.js']}
function ts() {
return gulp.src(pathsSrc.ts)
.pipe(plugins.typescript(tsProject))
.pipe(plugins.concat('xxxxxx.js'))
.pipe(gulp.dest(pathsDest.js));
}
function tsWithNotification() {
return ts()
.pipe(plugins.notify({
title:"Gulp TS",
message: "TS copied successfully.",
onLast: true
}));
}
gulp.task('ts', tsWithNotification);