将外部jsx文件添加到html页面(反应)

时间:2018-06-23 21:29:28

标签: javascript html reactjs google-chrome

我在js / script.js中有一些反应代码 我的HTML页面的head标签看起来像这样:

  <head>
  <script src="https://unpkg.com/react@15.6.2/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@15.6.2/dist/react-dom.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
    <script src="js/script.js"type="text/jsx"></script>
    </head>

由于某些原因,我在chrome上打开页面时未显示我的react元素,而在Firefox中却显示了它们。我不想将页面限制为Firefox,也不想使用内联脚本。有解决方案吗?

2 个答案:

答案 0 :(得分:1)

如果您是直接从Chrome运行页面(不带http),则您的页面尝试运行javascript,而Chrome阻止了它,并显示了类似以下错误: “仅协议方案支持跨源请求:http,数据,chrome,chrome扩展名,https,chrome-extension-resource”

您应该安装Web服务器并通过http请求打开页面。 命令字符串:npm install http-server -g 然后通过以下方式运行它:http-sever'path / with / yourpage.html' 您的页面应该可以通过URL访问:localhost:8080 / yourpage.html

答案 1 :(得分:0)

var x= db.collectionA.find({Var1:{$exists: false}})
var y= db.collectionB.find({Var2: { $lt : 4}})
x.forEach(
    function (u) {
            y.forEach(
                function (s){
                    {   
                        $cond: [ {$eq: [u.ipc, s.ipk]}, print("true"), print("false") ] }
                    }
        )
    })