node.js - Babel Loader kompilerar inte mitt eget NPM-paket i React-app


Jag har bara lärt mig Javascript/Typescript sedan början av året eftersom jag bestämde mig för att skapa en grupp av mikrotjänster som alla är länkade tillsammans. Jag har mitt eget API skapat i nestJS och upptäckte att varje gång jag ville anropa API:et från varje mikrotjänst upprepade jag samma kod om och om igen, så jag flyttade allt till ett eget separat paket som jag kan använda.

Varje annat projekt jag har som använder mitt npm-paket orsakar inga fel och fungerar bra, men dessa projekt är gjorda med babel. Jag bestämde mig för att implementera mitt nya paket i mitt react-frontendprojekt, men varje gång jag importerar paketet och försöker använda det får jag ett fel.

SyntaxError: D:\Projects\Node\Lab Maker\redditbot-frontend\node_modules\labmaker-api-wrapper\lib\utils\BaseAPI.js: Missing class properties transform.

Jag lyckades åtgärda detta problem genom att installera babel-class-transform-paketet, men stötte då på ett annat fel.

Misslyckades att kompilera.

./node_modules/labmaker-api-wrapper/lib/utils/BaseAPI.js 13:9
Module parse failed: Unexpected token (13:9)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|
| class API {
>   APIBase;
|   APIUrl = 'http://localhost:3000';
|

Jag är inte säker på vad som är fel med mitt paket eller vad som orsakar detta fel, men om någon kan titta på källkoden för mitt npm-modul och förklara hur jag skulle fixa detta problem skulle det vara hjälpsamt. https://github.com/LabMaker/API-Wrapper

detta är npm-paketet https://www.npmjs.com/package/labmaker-api-wrapper