I built a react component package locally, with Rollup.
Tech stack of package is: React, typescript, styled-components and so on...
That package lives inside of the one project.
Now I am trying to use that package inside of another project locally.
Now I am trying to test that package
Result:
Failed to compile.
../enrollment-client/src/components/GeneralSectionForm/GeneralSectionForm.tsx 31:7
Module parse failed: Unexpected token (31:7)
File was processed with these loaders:
* ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
You may need an additional loader to handle the result of these loaders.
| import { TOAST_ERRORS } from '../../utils/constants';
|
> export type QuestionElementRef = {
| id: string | undefined;
| element: HTMLDivElement | null;
got the error regarding that the current webpack configuration inside of the project is not enough to compile this package - something like that.
That is something that I am currently investigating, and trying to figure out why? :)
Any help will be super appreciated
I also got the same error message and was stuck. My project looks like the following example.
/cra-project // Frontend UI project(not monorepo root)
|- /node_modules
|- /packages
| |- /value-objects // Local package
| |- /src
| | |- index.ts
| | |- ...
| |- packages.json
|- /src
| |- index.ts
| |- ...
|- packages.json
|- tsconfig.json
|- yarn.lock
The value-objects package was added as symlink to node_modules with yarn add link:./packages/value-objects.
But exec yarn add ./packages/value-objects and copied to the same location did not solve the problem.
So I don't consider this problem (taking the error message seriously) to be caused by react-refresh-webpack-plugin/loader.
I honestly don't know if this is an adequate answer, but why don't you try compiling the enrollment-client package individually?
Doesn't work?