Redux-HTML标记在javascript中不起作用_Javascript_Html_Reactjs

Redux-HTML标记在javascript中不起作用

javascript html reactjs

Redux-HTML标记在javascript中不起作用,javascript,html,reactjs,Javascript,Html,Reactjs,我正在使用Sublime Text 3作为我的编辑器，目前正在使用redux。作为组件传入的html代码似乎不起作用。index.js中的结束h1标记没有被检测到，相反，它似乎将其注释掉 Index.js如下所示 import 'babel-polyfill'; import React from 'react'; import ReactDOM from "react-dom"; import {Provider} from 'react-redux'; import {createStore

我正在使用Sublime Text 3作为我的编辑器，目前正在使用redux。作为组件传入的html代码似乎不起作用。index.js中的结束h1标记没有被检测到，相反，它似乎将其注释掉

Index.js如下所示

import 'babel-polyfill';
import React from 'react';
import ReactDOM from "react-dom";
import {Provider} from 'react-redux';
import {createStore, applyMiddleware} from 'redux';
import thunk from 'redux-thunk';
import promise from 'redux-promise';

ReactDOM.render(<h1>Hey there</h1>,document.getElementById("root"));

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>React Webpack</title>
</head>
<body>

    <div id="root"></div>
    <script src="js/bundle.min.js"></script>

</body>
</html>

意外标记表示代码中有错误。尝试：

ReactDOM.render("<h1>Hey there</h1>",document.getElementById("root"));

ReactDOM.render（“你好”，document.getElementById（“根”）；

或

const元素=你好，世界；
ReactDOM.render(
元素，
document.getElementById（'root'））
);

npm run start在没有任何背景的情况下无法详细回答，比如Webpack/Babel configs和packages.json（我建议您使用一个，因为

npm run start

正在进行smth）。你能提供一个链接到你正在写的这个产品的整个回购协议吗？否则，我建议使用Babel preset进行React，这是必要的（AFAIK），以便正确传输JSX语法顺便说一句，这个问题与ReduxI没有任何关系。我从下面的repo中了解到，我运行了代码，但html标记上出现了错误，无法识别，并给出了意外的标记错误。我在index.html中添加了一个简单的h1标记，它工作正常，因此服务器没有问题……尝试了一下，不起作用，第一个示例没有在网页上打印任何内容，尽管它消除了错误，而第二个示例会导致相同的意外令牌错误。

ReactDOM.render("<h1>Hey there</h1>",document.getElementById("root"));

const element = <h1>Hello, world</h1>;
ReactDOM.render(
  element,
  document.getElementById('root')
);