React组件库在主应用中无法运行的配置排查请求
React组件库在主应用中无法运行的配置排查请求
我最近碰到个棘手的问题:自己开发的React组件库在库内部测试时代码跑起来完全正常,但一旦把这个库引入到主应用里,就彻底失效了,什么效果都没有。我实在摸不准是库的配置哪里出了问题,想请大家帮忙看看!
下面是我的库的相关配置文件:
Rollup配置文件 (rollup.config.js)
import babel from '@rollup/plugin-babel'; import external from 'rollup-plugin-peer-deps-external'; import del from 'rollup-plugin-delete'; import pkg from './package.json'; import postcss from 'rollup-plugin-postcss' import builtins from 'rollup-plugin-node-builtins'; import nodeResolve from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; export default { input: pkg.source, output: [ { file: pkg.main, format: 'cjs' }, { file: pkg.module, format: 'esm' }, { file: 'bundle.js', format: 'iife' } ], plugins: [ external(), builtins(), nodeResolve(), commonjs({exclude: 'src/**'}), babel({ exclude: 'node_modules/**', babelHelpers: 'bundled' }), del({ targets: ['dist/*'] }), postcss({ autoModules: true, plugins: [], sourceMap: true, extract: true, minimize: true, }) ], external: Object.keys(pkg.peerDependencies || {}), };
package.json依赖配置
{ "dependencies": { "@rollup/plugin-commonjs": "^25.0.7", "@rollup/plugin-node-resolve": "^15.2.3", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "bootstrap": "^5.3.0", "crypto-js": "^4.1.1", "jsencrypt": "^3.3.2", "react-bootstrap": "^2.7.4", "react-scripts": "5.0.1", "rollup-plugin-node-builtins": "^2.1.2", "rollup-plugin-postcss": "^4.0.2", "web-vitals": "^2.1.4" }, "devDependencies": { "@babel/cli": "^7.21.5", "@babel/core": "^7.22.1", "@babel/preset-env": "^7.22.4", "@babel/preset-react": "^7.22.3", "@rollup/plugin-babel": "^6.0.3", "npm-run-all": "^4.1.5", "rollup": "^2.79.1", "rollup-plugin-delete": "^2.0.0", "rollup-plugin-peer-deps-external": "^2.2.4" }, "peerDependencies": { "react": "^18.2.0", "react-dom": "^18.2.0" } }
另外补充一下,主应用中使用这个库时的浏览器控制台日志内容暂未提供,但目前的核心问题就是库在主应用环境里完全不起作用,希望大家能从现有配置里帮我排查可能的问题点!
备注:内容来源于stack exchange,提问作者Rishabh Kabra
相关产品推荐
相关产品推荐

