Javascript 如何在不破坏react dom的情况下让react引导加载？_Javascript_Reactjs_Requirejs_React Bootstrap

Javascript 如何在不破坏react dom的情况下让react引导加载？

javascript reactjs requirejs

Javascript 如何在不破坏react dom的情况下让react引导加载？,javascript,reactjs,requirejs,react-bootstrap,Javascript,Reactjs,Requirejs,React Bootstrap,我正在使用ReactBootstrap构建一个应用程序。我在弄清楚如何将代码放入单独的文件中时遇到了困难，所以我开始使用require.js。我开始了一个单独的项目，作为一个游乐场，尝试在我更大的项目中需要各种模块我已经能够让react（和react dom）自己工作。但是，只要我在react引导上执行require（），就会出现以下错误： GET http://localhost:5000/static/react-dom.js require.js:1952 Un

我正在使用ReactBootstrap构建一个应用程序。我在弄清楚如何将代码放入单独的文件中时遇到了困难，所以我开始使用require.js。我开始了一个单独的项目，作为一个游乐场，尝试在我更大的项目中需要各种模块

我已经能够让react（和react dom）自己工作。但是，只要我在react引导上执行require（），就会出现以下错误：

GET http://localhost:5000/static/react-dom.js              require.js:1952
Uncaught Error: Script error for "react-dom"               require.js:165

请注意，上述地址不是react dom的正确位置。我不知道它为什么在那个地方找它。这可以在我的config.js文件中看到，该文件准确地描述了我的相关JavaScript必备模块的位置：

requirejs.config({
  baseUrl: "/static",
  paths: {
    jquery: "vendors/jquery/dist/jquery",
    jsx: "vendors/jsx-requirejs-plugins/js/jsx",
    JSXTransformer: "vendors/jsx-requirejs-plugins/js/JSXTransformer",
    react: "vendors/react/react-with-addons",
    react_dom: "vendors/react/react-dom",
    bootstrap: "vendors/bootstrap/dist/js/bootstrap",
    react_bootstrap: "vendors/react-bootstrap/react-bootstrap",
    text: "vendors/requirejs-text/text",
  },
  jsx: {
    fileExtension: ".js"
  },
});

在这一点上，我甚至没有渲染任何感兴趣的东西（以解决这个问题的名义）。这可以通过查看我的相当空的app.js文件看到：

requirejs(
    ["jquery", "react", "react_dom", "react_bootstrap"],
    function($, React, ReactDOM) {
});

当我将上述代码更改为：

requirejs(
    ["jquery", "react", "react_dom"],
    function($, React, ReactDOM) {
});

将引导添加到列表中没有帮助。还值得注意的是，JQuery是从

对于上下文，我的index.html文件如下所示

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <script src="/static/vendors/requirejs/require.js"></script>
  <script src="/static/config.js"></script>
  <script src="/static/app.js"></script>
</body>
</html>

总而言之：我在一个特定的库中遇到了一个错误——特别是，它被查找到了错误的地方——但这个错误只有在另外需要react引导时才会出现

我错过了什么？谢谢

问题是，我在config.js中冒昧地将react dom命名为“react_dom”，主要是为了回避一个事实，即破折号如果不用引号括起来就无法工作。react bootstrap然后专门要求react dom，这就是为什么会命中错误的URL

使用正确的命名方案向前推进，一切都非常顺利