Can't resolve './operations_client_config'

[its-dibo]

this error happens when compiling the code with typescript due to using
require('./operations_client_config')
instead of
require('./operations_client_config.json')
in the file google-gax/build/src/operationsClient

please change it.

[JustinBeckwith]

Greetings! Can you share a few more details?

• Are you directly trying to compile this code base from source?
• Or are you trying to use another library?
• Can you share your tsconfig?

[its-dibo]

please check this build error:
https://github.com/goblins-tech/almogtama3/runs/428364527?check_suite_focus=true

[alexander-fenster]

This looks like webpack. Are you trying to webpack it with ts-loader? It works, but you'll need to make tsconfig load JSON files as well ("resolveJsonModule": true). Will this solution work for you @eng-dibo?

[its-dibo]

I think that this issue caused by ts-loader for webpack.
I tried your suggestion to add "resolveJsonModule": true but it didn't help me.

commit:
goblins-tech/almogtama3@4a64591

build:
https://github.com/goblins-tech/almogtama3/runs/434947403?check_suite_focus=true

[its-dibo]

any news?

[JustinBeckwith]

Could I trouble you to answer the questions I asked above? ☝️

[8eecf0d2]

@alexander-fenster @eng-dibo afaik the "resolveJsonModule": true typescript configuration is not required since it's a javascript file performing the import.

To resolve .json files with webpack you must add the extension to the resolve.extensions property in your webpack configuration.

module.exports = {
  ...
  resolve: {
    extensions: [ ".js", ".json", ".ts" ],
  },
};

Hope it helps.

[its-dibo]

@JustinBeckwith @alexander-fenster @8eecf0d2

yes, I use ts-loader

when I use ts-loade I get the following error:

ERROR in ./node_modules/google-gax/build/src/operationsClient.js
Module not found: Error: Can't resolve './operations_client_config' in 'D:\Downloads\__projects\dev\NodeJs\almogtama3\node_modules\google-gax\build\src'
 @ ./node_modules/google-gax/build/src/operationsClient.js 36:19-56
 @ ./node_modules/google-gax/build/src/fallback.js
 @ ./node_modules/google-gax/build/src/index.js
 @ ./node_modules/@google-cloud/firestore/build/src/index.js
 @ ./node_modules/firebase-admin/lib/firebase-namespace.js
 @ ./node_modules/firebase-admin/lib/default-namespace.js
 @ ./node_modules/firebase-admin/lib/index.js
 @ ./server/functions.ts
 @ ./server/index.ts

without ts-loader I get the following error:

ERROR in ./server/index.ts 22:7
Module parse failed: Unexpected token (22:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| //console.clear();
|
> export interface Obj {
|   [key: string]: any;
| }

I already added ".ts" to resolve: { extensions: [".ts", ".js"] }

please check my webpack settings (Angular-universal project)
https://github.com/goblins-tech/almogtama3/blob/master/webpack.server.config.js