ReferenceError: require is not defined

[ifxj]

permission.js:62 ReferenceError: require is not defined
at eval (objectSpread2.js:4:30)
at ./node_modules/.pnpm/@babel+runtime@7.7.7/node_modules/@babel/runtime/helpers/esm/objectSpread2.js (chunk-vendors.js:5206:1)
at webpack_require (app.js:46264:32)
at fn (app.js:46532:21)
at eval (BasePostProcessingPass.js:5:98)
at ./node_modules/.pnpm/@AntV+l7-core@2.22.7/node_modules/@antv/l7-core/es/services/renderer/passes/BasePostProcessingPass.js (chunk-vendors.js:836:1)
at webpack_require (app.js:46264:32)
at fn (app.js:46532:21)
at eval (index.js:29:106)
at ./node_modules/.pnpm/@AntV+l7-core@2.22.7/node_modules/@antv/l7-core/es/index.js (chunk-vendors.js:337:1)

warning in ./node_modules/.pnpm/@AntV+l7-component@2.22.7/node_modules/@antv/l7-component/es/control/baseControl/buttonControl.js

export 'default' (imported as '_defineProperty') was not found in '@babel/runtime/helpers/esm/defineProperty' (module has no exports)

warning in ./node_modules/.pnpm/@AntV+l7-component@2.22.7/node_modules/@antv/l7-component/es/control/baseControl/control.js

export 'default' (imported as '_objectSpread') was not found in '@babel/runtime/helpers/esm/objectSpread2' (module has no exports)

warning in ./node_modules/.pnpm/@AntV+l7-component@2.22.7/node_modules/@antv/l7-component/es/control/exportImage.js

export 'default' (imported as '_asyncToGenerator') was not found in '@babel/runtime/helpers/esm/asyncToGenerator' (module has no exports)

warning in ./node_modules/.pnpm/@AntV+l7-core@2.22.7/node_modules/@antv/l7-core/es/services/layer/StyleAttributeService.js

export 'default' (imported as '_objectWithoutProperties') was not found in '@babel/runtime/helpers/esm/objectWithoutProperties' (module has no exports)

warning in ./node_modules/.pnpm/viewport-mercator-project@6.2.3/node_modules/viewport-mercator-project/dist/esm/fit-bounds.js

export 'default' (imported as '_slicedToArray') was not found in '@babel/runtime/helpers/esm/slicedToArray' (module has no exports)

warning in ./node_modules/.pnpm/viewport-mercator-project@6.2.3/node_modules/viewport-mercator-project/dist/esm/viewport.js

export 'default' (imported as '_classCallCheck') was not found in '@babel/runtime/helpers/esm/classCallCheck' (module has no exports)

warning in ./node_modules/.pnpm/viewport-mercator-project@6.2.3/node_modules/viewport-mercator-project/dist/esm/viewport.js

export 'default' (imported as '_createClass') was not found in '@babel/runtime/helpers/esm/createClass' (module has no exports)

warning in ./node_modules/.pnpm/viewport-mercator-project@6.2.3/node_modules/viewport-mercator-project/dist/esm/web-mercator-viewport.js

export 'default' (imported as '_inherits') was not found in '@babel/runtime/helpers/esm/inherits' (module has no exports)

warning in ./node_modules/.pnpm/viewport-mercator-project@6.2.3/node_modules/viewport-mercator-project/dist/esm/web-mercator-viewport.js

export 'default' (imported as '_possibleConstructorReturn') was not found in '@babel/runtime/helpers/esm/possibleConstructorReturn' (module has no exports)

warning in ./node_modules/.pnpm/viewport-mercator-project@6.2.3/node_modules/viewport-mercator-project/dist/esm/web-mercator-viewport.js

[github-actions]

hi @ifxj, welcome!

[petercat-assistant]

It seems like you're encountering a ReferenceError: require is not defined along with several warnings related to missing exports in the @babel/runtime and other modules. This issue often arises when using modules that are intended for Node.js in a browser environment, where require is not available by default.

Here are some steps you can take to resolve these issues:

1. Check Module Compatibility: Ensure that the modules you're using are compatible with the environment you're running them in. If you're using a browser, make sure the modules are meant for browser usage.

2. Use a Module Bundler: If you're not already using one, consider using a module bundler like Webpack or Rollup. These tools can help you bundle your Node.js modules for use in a browser environment.

3. Configure Babel: Make sure your Babel configuration is set up correctly to handle ES modules. You might need to include plugins or presets that allow Babel to transpile your code properly.

4. Check for Missing Exports: The warnings about missing exports suggest that the modules might not be exporting what you expect. Double-check the module documentation to ensure you're importing them correctly.

5. Use import Instead of require: If you're working in a modern JavaScript environment, consider using import statements instead of require. This is the standard way to import modules in ES6 and is supported in most modern browsers.

6. Verify Package Versions: Ensure that all your packages are up-to-date and compatible with each other. Sometimes, version mismatches can lead to these kinds of errors.

If these steps don't resolve the issue, you might want to provide more context or specific code snippets so I can assist you further.

If you need further assistance or have any more questions, feel free to ask!

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[github-actions]

Hi @ifxj, Please star this repo if you find it useful! Thanks ⭐!
你好～ @ifxj 🌟 如果这个仓库对你有帮助，可以给我们点个star支持一下～你的支持对我们来说是最大的鼓励，感谢你的支持与点赞 🌟

[lzxue]

重新安装一下依赖看看

[lzxue]

无反馈，先关闭。