Missing require-context for Webpack

[Ridermansb]

Hi @tkqubo .. thanks for your contribution.

Just one feedback:

ERROR tests.webpack.ts
error TS2339: Property 'context' does not exist on type 'NodeRequire'.

ERROR tests.webpack.ts
error TS2339: Property 'keys' does not exist on type 'IContextDefinition'.

Missing require-context definition:

Example tests.webpack.ts file for test

var context = require.context('./test', true, /.+\.spec\.js?$/);
context.keys().forEach(context);

[tkqubo]

I think those definitions were added yesterday by this pr #6086
In addition to webpack.d.ts, you need to refer webpack-env.d.ts and the lines below can compile

/// <reference path="./webpack.d.ts" />
/// <reference path="./webpack-env.d.ts" />

var context = require.context('./test', true, /.+\.spec\.js?$/);
context.keys().forEach(context);

[Ridermansb]

I have add in tsconfig.json file using..

...
"filesGlob": [
    "./**/*.ts"
],

How do I get these files?
I installed the definition using:

tsd update webpack -riso

And only /// <reference path="webpack/webpack.d.ts" /> is available

[tkqubo]

You can fetch webpack-env.d.ts by

tsd install webpack-env -riso

or... should it be combined into single webpack.d.ts file?

[Ridermansb]

I think that can be combined into single file :)

Thanks 👍

[tkqubo]

My pleasure! 🎸

[tkqubo]

@Ridermansb Hi, I recently merged webpack-env.* into webpack ,but reverted it again since they should be used in a different context.
c.f. #6243 (comment)

So if you want to refer require.context, you need to get webpack-env.d.ts independently of webpack.d.ts after the revert will be merged.

Thank you

[ozyman42]

How can I get webpack-env.d.ts installed into my project via the typings command?

[tkqubo]

Could you try this?

typings install dt~webpack-env --global

[ozyman42]

It works! Thanks!

[umasgn]

error TS2307: Cannot find module 'uglify-js'.

[ozyman42]

Peer dependencies are not automatically installed by typings. You need to install those yourself. Run typings install --save --global dt~uglify-js

[jrgleason]

I just tried npm install --save-dev @types/webpack @types/webpack-env and I still get...

ERROR in /Users/.../code/webpack-test/node_modules/@types/webpack-env/index.d.ts
(183,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'require' must be of type 'NodeRequire', but here has type 'RequireFunction'.

ERROR in /Users/.../code/webpack-test/node_modules/@types/webpack-env/index.d.ts
(232,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'module' must be of type 'NodeModule', but here has type 'Module'.

ERROR in ./test/test.bundle.ts
(5,35): error TS2339: Property 'context' does not exist on type 'NodeRequire'.

[zzczzc004]

@jrgleason , I also have the same problem, it show there are two variables(require, module) conflicted in Node.JS and webpack-env. I think we should change the variables' name or not put the variable to global. I think this problem is the same as 8018 and 11324.

(73,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'require' must be of type 'RequireFunction', but here has type 'NodeRequire'.
(85,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'module' must be of type 'Module', but here has type 'NodeModule'.

[nathanosdev]

@zzczzc004 It seems you are also loading types for node, webpack-env types should be loaded instead of node types, not in addition to them.

[sjpurol]

@zzczzc004, @types/webpack includes @types/node as a dependency, thus installing both @types/webpack and @types/webpack-env resulted in the errors you described. Try only installing @types/webpack-env. This resolved the issue for me. 👍

[aalenliang]

I'm using node require and webpack require, I've installed
@types/node
@types/webpack
@types/webpack-env

however, using 'require.context' I still got
error TS2339: Property 'context' does not exist on type 'NodeRequire'.

Any ideas?

[aneurysmjs]

@alexleung @tkqubo by installing the typings definitions solved the problem for me

typings install dt~webpack-env --global

[rnons]

Isn't wepack-env for the version 1.13

// Type definitions for webpack (module API) 1.13

Shouldn't RequireContext be added to types/webpack/index.d.ts as well?

[dennisat]

npm install --save-dev @types/webpack-env

and in tsconfig.json add it in the types property
example:

{
  "compilerOptions": {
    "outDir": "./dist/",
    "declaration": true,
    "declarationDir": "./dist/",
    "sourceMap": true,
    "noImplicitAny": false,
    "module": "commonjs",
    "target": "es6",
    "allowJs": false,
    "types": [
      "node",
      "webpack-env"
    ]
  },
  "files": [
    "src/index.ts"
  ],
  "compileOnSave": false
}