I want a custom component, followed by a tutorial => GitHub - tryretool/custom-component-guide: Guide and recommendations for developing with the custom component in Retool.
It not working when I run yarn dev, I see cannot find package plugin-proposal-class-properties in babel-virtual-resolve-base.js. How to config babel-virtual-resolve-base.js file?
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:8080/
<i> [webpack-dev-server] On Your Network (IPv4): http://172.65.2.15:8080/
<i> [webpack-dev-server] On Your Network (IPv6): http://[fc00:2005:9d5f:aacb:397c:d0fc:3fbc:a89]:8080/
<i> [webpack-dev-server] Content not from webpack is served from '/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/public' directory
<i> [webpack-dev-server] 404s will fallback to '/index.html'
node:internal/process/promises:288
triggerUncaughtException(err, true /* fromPromise */);
^
Error: Cannot find package '@babel/plugin-proposal-class-properties' imported from /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/babel-virtual-resolve-base.js
at new NodeError (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:203:5)
at packageResolve (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:873:9)
at moduleResolve (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:902:20)
at defaultResolve (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:985:15)
at resolve (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:999:12)
at resolve (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/files/import-meta-resolve.js:13:10)
at tryImportMetaResolve (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/files/plugins.js:137:45)
at resolveStandardizedNameForImport (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/files/plugins.js:159:19)
at resolveStandardizedName (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/files/plugins.js:168:12)
at loadPlugin (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/files/plugins.js:47:20)
at loadPlugin.next (<anonymous>)
at createDescriptor (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/config-descriptors.js:140:16)
at createDescriptor.next (<anonymous>)
at step (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:261:32)
at evaluateAsync (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:291:5)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:44:11
at Array.forEach (<anonymous>)
at Function.async (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:43:15)
at Function.all (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:216:13)
at Generator.next (<anonymous>)
at createDescriptors (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/config-descriptors.js:102:41)
at createDescriptors.next (<anonymous>)
at createPluginDescriptors (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/config-descriptors.js:99:17)
at createPluginDescriptors.next (<anonymous>)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/gensync-utils/functional.js:21:23
at Generator.next (<anonymous>)
at mergeChainOpts (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/config-chain.js:350:34)
at mergeChainOpts.next (<anonymous>)
at chainWalker (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/config-chain.js:317:14)
at chainWalker.next (<anonymous>)
at loadFileChain (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/config-chain.js:192:24)
at loadFileChain.next (<anonymous>)
at buildRootChain (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/config-chain.js:109:31)
at buildRootChain.next (<anonymous>)
at loadPrivatePartialConfig (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/partial.js:79:62)
at loadPrivatePartialConfig.next (<anonymous>)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/config/partial.js:122:25
at Generator.next (<anonymous>)
at step (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:269:25)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:273:13
at async.call.result.err.err (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:223:11)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:50:45
at step (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:287:14)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:273:13
at async.call.result.err.err (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:223:11)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:189:28
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/@babel/core/lib/gensync-utils/async.js:68:7
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:113:33
at step (/Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:287:14)
at /Users/huytk/Documents/legalforce/lowcode/projects/custom-component-guide/node_modules/gensync/index.js:273:13 {
code: 'ERR_MODULE_NOT_FOUND'
}
Node.js v18.3.0
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Is it happening with the cloned repo or have you made modifications to it?