Redux- HTML标记在javascript中不工作

-1

我使用Sublime Text 3作为我的编辑器，目前正在使用Redux。作为组件传入的html代码似乎不起作用。没有检测到index.js中的关闭h1标记，而是将其注释掉。Redux- HTML标记在javascript中不工作

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"));

中的index.html是如下

<!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>

我在做什么错误的代码还是有我需要在做任何改动编辑器设置？

编辑：我也尝试使用npm start run在服务器上运行代码，代码的html部分表示它是语法错误。确切的错误如下：

ERROR in ./dev/js/index.js 
Module build failed: SyntaxError: Unexpected token (12:16)

来源

2017-01-25 blaziken105

的可能的复制[语法突出显示反应在升华代码（http://stackoverflow.com/questions/41319547/syntax-highlighting-for-react-code -in-sublime） –

不可能在没有任何背景的情况下做出详细回答，比如Webpack/Babel配置和packages.json（我建议你使用一个，因为'npm run start'没有这个功能）。你能提供一个链接到你正在写的这个产品的整个回购？否则，我建议使用Babel预设React，这是必要的（AFAIK）为了JSX语法正确地被转译 – 62mkv

顺便说一下，这个问题没有什么与Redux – 62mkv

意外的标记意味着你的代码有问题。尝试：

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

或

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

来源

2017-01-25 08:32:01 zerohero

试过了，不起作用，第一个示例不会在网页上打印任何东西的错误，而第二个导致相同的意外标记错误。 – blaziken105

Redux- HTML标记在javascript中不工作

回答

相关问题