Redux - HTML 标签在 javascript 中不起作用答案

【问题标题】：Redux- HTML tags not working in javascriptRedux - HTML 标签在 javascript 中不起作用
【发布时间】：2017-06-10 06:05:29
【问题描述】：

我正在使用 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"));

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)

【问题讨论】：

syntax highlighting for react code in sublime的可能重复
不可能详细回答，没有任何背景，比如 Webpack/Babel configs 和 packages.json （我建议你用一个，因为npm run start 正在做smth）。您能否提供您正在编写的该产品的整个回购的链接？否则，我建议为 React 使用 Babel 预设，这是必要的（AFAIK），以便正确转译 JSX 语法
顺便说一句，这个问题与 Redux 完全没有关系
我正在从以下 repo 中学习，github.com/buckyroberts/React-Redux-Boilerplate 我运行了代码，但在无法识别的 html 标签上出现错误，并给出了意外的令牌错误。我在 index.html 中添加了一个简单的 h1 标签，它工作正常，所以服务器没有问题...

标签： javascript html reactjs

【解决方案1】：

Unexpected token 表示您的代码有问题。试试：

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

或

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

【讨论】：

试过了，没用，第一个例子没有打印任何东西到网页上，虽然它消除了错误，而第二个导致同样的 Unexpected token 错误。