This particular inquiry is somewhat connected to a question I posted on Stack Overflow yesterday about why TypeScript is encountering issues when trying to import a module. The initial configuration remains unchanged.
My TypeScript file appears as follows:
/// <reference path="./typings/js-yaml/js-yaml.d.ts"/>
'use strict';
import * as y from 'js-yaml';
console.log(y);
When I compile using tsc --module commonjs file.ts, TypeScript compiles without any problems.
However, if I place the /// reference below the 'use strict', like so:
'use strict';
/// <reference path="./typings/js-yaml/js-yaml.d.ts"/>
import * as y from 'js-yaml';
console.log(y);
TypeScript encounters an error:
$ tsc --module commonjs file.ts
file.ts(4,20): error TS2307: Cannot find module 'js-yaml'.
Despite this error, TypeScript still generates a compiled file that is identical to the original one, except for the fact that the /// reference now comes after 'use strict' in the second scenario.
What could be causing this issue?