Myujth

I am trying to introduce webpack in an ASP.net web forms application using visual studio.

Having turned off the VS TypeScript compiler using this property group:

<PropertyGroup>
 <TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
</PropertyGroup>

I have come across countless issues in order to get this working, and I still haven't.

First of all the compiler and IDE no longer recognise the typings for jQuery and other libraries.

I have read about a few solutions which have suggested using the "include", "typeRoot" and "types" properties in the tsconfig file.

When I specify values for "typeRoot" and "types" like so:

"typeRoots": [
 "./node_modules/@types",
 "./Scripts/typings"
 ],
 "types": [
 "node",
 "jquery",
 "jqueryui",

Still when I run the build command the compiler throws a bunch of errors:
TS2304: Cannot find name '$'.
TS2304: Cannot find name 'jQuery'.

The types and libraries all do exist in the application. Before, Visual Studio recognised these automatically without having to specify any sort of configuration like above.

Now on introducing webpack and NPM in the project, every ts file has a bunch of errors and all TypeScript namespaces and modules also error.

Why is this the case?

In order to resolve this, I'd have to add a reference path in every file like so for typings and any namespace or module.

/// <reference path="./typings/jquery/jquery.d.ts" />
/// <reference path="./Modules/MyModule.ts" />

I have tried all sorts to resolve this issues, even adding a _resource.ts file didn't work as the IDE still did not recognise this file - in the root directory.

How can I get the IDE to recognise the types, namespaces, and modules without manually adding in each and every file and get the compiler to compile successfully?

Even when I add these to "include" property in the tsconfig, the IDE still complains with the error cannot find....