Hitting an error in our project using the new Ant components

Developer Support
1

Hi, I am running into an error in our project using the new @plasmicpkgs/antd. We are using nextjs and codegen.

Plasmic dependencies in package.json:

    "@plasmicapp/cli": "^0.1.167",
    "@plasmicapp/host": "^1.0.0",
    "@plasmicapp/react-web": "^0.2.90",
    "@plasmicpkgs/antd": "^0.0.9",
    "@plasmicpkgs/lottie-react": "^0.0.3",

Error:

Failed to compile.
2022-01-19T19:45:55.671Z [WARNING]: ModuleNotFoundError: Module not found: Error: Can't resolve 'antd/lib/menu/MenuDivider' in '.../node_modules/@plasmicpkgs/antd/dist'
> Build error occurred
2

Does it work if you add antd as a dependency as well?

3

I currently have

"antd": "^4.16.3",
4

oh interesting - can you find antd/lib/menu/ folder in your node_modules? we’re trying to repro

5

nodemodplasmic.png
nodemodplasmic.png199×593 8.93 KB

6

I sent all the files in @plasmicpkgs/antd node modules above. All the normal files are in node_modules/antd/*

7

Was it imported with the new store components or are you using app host?

8

We are using app host as well as the new antd store component. When the store component was implemented in studio it had an error and required the app host to install updated plasmic packages as well as new packages such as

    "@plasmicpkgs/antd": "^0.0.9",
    "@plasmicpkgs/lottie-react": "^0.0.3",

Now after syncing the project with the new store components from plasmic studio this error happens
Error:

Failed to compile.
2022-01-19T19:45:55.671Z [WARNING]: ModuleNotFoundError: Module not found: Error: Can't resolve 'antd/lib/menu/MenuDivider' in '.../node_modules/@plasmicpkgs/antd/dist'
> Build error occurred
9

It was solved by updating the antd package!