Running into error: No template for dependency: ConstDependency

[liuliangsir]

Bug description

webpack throws the error above after building webpack-localize-asets-plugin and linking the generated asset to some project

Expected behavior

No error

Reproduction steps

• Clone webpack-localize-asets-plugin to local machine
• Run npm script build
• Link the generated asset to some project which is going to use webpack-localize-asets-plugin
• Launch that project with some npm scripts

Environment

• webpack-localize-asets-plugin version: 0.0.0-semantic-release

• Webpack version: 4.44.2

• Operating System:

  

• Node version: v14.16.0

• Package manager (npm/yarn/pnpm) and version: pnpm 6.26.1

[privatenumber]

Do you encounter this problem if you directly install from npm?

[liuliangsir]

@privatenumber no the error above with npm install

[privatenumber]

This is not a bug then. Sounds like a problem in how you're setting up your dev environment (eg. with npm link).

Moving this to Discussions.

[privatenumber]

You're probably getting this error because when you npm link, requests from within webpack-localize-assets-plugin resolve its dependencies within its own node_modules ,which includes dev dependencies and a different version of Webpack from your application.

This is a debugging flaw in npm (link, specifically). Instead, try npm install <directory> to do a clean install of the local package without dev dependencies.

[liuliangsir]

@privatenumber BTW, how to use ConstDependency to replace a string like __('Hello' + foo + 'world') with '你好，世界' + foo

[privatenumber]

I don't really understand what you're asking specifically, but you can look at how it's being used in the code:

webpack-localize-assets-plugin/src/index.ts

Line 198 in 793b24f

toConstantDependency(parser, replacement)(callExpressionNode);

[sebastianramirez-tributi]

I'm getting the same issue when I run my app with
[email protected]
[email protected]
The config I have it's

  plugins: [
    ...
    new LocalizeAssetsPlugin({
      locales: {
        es: path.resolve(__dirname, './locales/es.json'),
      },
      functionName: 'fnTranslation',
    }),
  ]

and in the component is using like this

     <span>{fnTranslation('header.title')}</span>

when I run the app in development mode or run the build command the error it's the same, not sure If I'm missing something
I already did a clean install
please help!
Thanks

[privatenumber]

If you really want help, I suggest providing a minimal reproduction repository to make it easy for others to debug.
The information you provided here isn't sufficient for others to help.

[sebastianramirez-tributi]

Finally, I could get a fix for that. To be on the same page, I have a monorepo with root package.json and also for each app. It turns out I installed the library only in apps scope and I had that error, but when I moved to root and finally could run properly.