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中不工作

回答

相關問題