Error: Cannot find module 'D:\charts\node_modules\@react-financial-charts\annotations\lib\Annotate' imported from D:\charts\node_modules\@react-financial-charts\annotations\lib\index.js

[AmalRichwin-AT]

When i have installed the package and tried to run, it throwed this @error.

Error: Cannot find module 'D:\charts\node_modules@react-financial-charts\annotations\lib\Annotate' imported from D:\charts\node_modules@react-financial-charts\annotations\lib\index.js

[clide7029]

I am having this same issue, except I can load the page once fine but then on reload the error will throw.

[rnnyrk]

Same issue for me after reload

[c9s]

Same here

[qunaxis]

Solution for create-react-app provided environment worked for me

1. Install craco package (https://github.com/gsoft-inc/craco) if it didn't installed before
2. Insert following config into craco.config.js file (or extend it):

module.exports = {
  webpack: {
    configure: {
      module: {
        rules: [
          {
            test: /\.m?js/,
            resolve: {
              fullySpecified: false,
            },
          },
        ]
      }
    }
  }
}

P.S. It's just a little overriding of default webpack 5 configuration provided by [email protected] (my currently installed version).

[andyevers]

I had this same issue on my Next.js app while using react-financial charts and was able to solve it with the solution by adamhwang here: https://github.com/react-financial/react-financial-charts/issues/606

You'll need this package: https://github.com/martpie/next-transpile-modules