You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.20 09:28:04