为什么我的页面变为空白？

-1

只要我打save我的IDE &在我的浏览器中点击refresh来测试我的prompt()功能在我index.js文件，我的整个页面变成空白，害我没看到任何东西，只是一个白色屏幕。我可以发誓我的功能在语法上是正确的。除了包含prompt()函数外，其他所有工作都很完美。为什么我的页面变为空白？

这是我的index.html文件：

<!DOCTYPE html> 
<html> 

    <head> 
    <title>name name</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="index.css"> 
    <link rel="stylesheet" href="body.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script> 
    </head> 

    <body> 
    <div id="firstBar"></div> 
    <div id="body"></div> 

    <script type="text/babel" src="index.js"></script> 
    <script type="text/babel" src="body.js"></script> 
    </body> 

</html>

这是我index.js文件：

var TitleBar = React.createClass({ 
    prompt: function() { 
    alert("This works!"); 
    } 

    render: function() { 
    return(
    <div className="jumbotron"> 
     <div className="container"> 
     <kbd className="fullName"name name/kbd> 
     <button onClick={this.prompt} type="button" className="btn btn-primary portfolio">Portfolio</button> 
     <button type="button" className="btn btn-primary about">About</button> 
     <button type="button" className="btn btn-primary contact">Contact</button> 
     </div> 
     </div> 
    ); 
    } 
}); 

ReactDOM.render(<TitleBar/>, document.getElementById('firstBar'));

这里的error我越来越：

Uncaught SyntaxError: http://127.0.0.1:8080/index.js: Unexpected token (6:2) 
    at Parser.pp.raise (browser.js:2027) 
    at Parser.pp.unexpected (browser.js:2596) 
    at Parser.pp.expect (browser.js:2590) 
    at Parser.pp.parseObj (browser.js:1447) 
    at Parser.pp.parseExprAtom (browser.js:1250) 
    at Parser.parseExprAtom (browser.js:26392) 
    at Parser.pp.parseExprSubscripts (browser.js:1097) 
    at Parser.pp.parseMaybeUnary (browser.js:1079) 
    at Parser.pp.parseExprOps (browser.js:1035) 
    at Parser.pp.parseMaybeConditional (browser.js:1018) 
browser.js:9170 Uncaught SyntaxError: http://127.0.0.1:8080/index.js: Unexpected token (6:2) 
    at Parser.pp.raise (browser.js:2027) 
    at Parser.pp.unexpected (browser.js:2596) 
    at Parser.pp.expect (browser.js:2590) 
    at Parser.pp.parseObj (browser.js:1447) 
    at Parser.pp.parseExprAtom (browser.js:1250) 
    at Parser.parseExprAtom (browser.js:26392) 
    at Parser.pp.parseExprSubscripts (browser.js:1097) 
    at Parser.pp.parseMaybeUnary (browser.js:1079) 
    at Parser.pp.parseExprOps (browser.js:1035) 
    at Parser.pp.parseMaybeConditional (browser.js:1018)

来源

2017-01-25 chompy

缺少属性'提示符'后。 – Li357

在对象中的函数之间缺少逗号 – www0z0k

@ www0z0k是否有可能在渲染函数（）中包含JQuery代码？ – chompy

添加,后prompt财产，

var TitleBar = React.createClass({ 
    prompt: function() { 
    alert("This works!"); 
    }, 

    render: function() { 
    ... 
    } 
})

来源

2017-01-25 13:48:47

哇....傻了。谢谢。我真诚道歉浪费你的时间。 – chompy

@Kyll也许答案没有用，但它是正确的，我也不能删除它，因为chompy批准了它。当chompy将删除接受，然后我可以删除我的答案。你的downvote没有理由，我的回答是正确的，你应该降低问题不正确的答案。 –

如果您将鼠标悬停在downvotes的工具提示上，则可以阅读_“此答案无用”_。我完全同意你的看法是正确的，但OP的问题的解决方案是微不足道的，因此它不可能帮助未来的访问者。你也可以看到我对这个问题进行了近距离投票。如果你想进一步讨论这个问题，请随时在[聊天]中创建一个房间，以免给你的回答添加噪音（因此我也删除了我以前的评论）。 –

为什么我的页面变为空白？

回答

相关问题