1. 如果在html中使用右核,用
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>?
<script type="text/babel">
即可
2.如果在單獨(dú)的js文件中使用
<script type="text/babel"? src="myjs.js"></script>
會(huì)出現(xiàn)? Access to XMLHttpRequest at? 跨域訪問(wèn)錯(cuò)誤。
解決方案如下:
在終端上跳轉(zhuǎn)到你的項(xiàng)目文件夾久锥,然后粘貼這兩個(gè)命令:
步驟 1:?執(zhí)行?npm init -y?
步驟 2:?執(zhí)行?npm install babel-cli@6 babel-preset-react-app@3
我們在這里使用 npm 只是用來(lái)安裝 JSX 預(yù)處理器辆床。
步驟 3:?創(chuàng)建一個(gè)名為?src?的文件夾说订,并執(zhí)行:
npx babel --watch src --out-dir . --presets react-app/prod
這個(gè)命令啟動(dòng)了一個(gè)對(duì) JSX 的自動(dòng)監(jiān)聽(tīng)器。
使用<script src="myjs.js"></script>坐求,不改蚕泽。
把寫(xiě)有JSX內(nèi)容的js文件放在src文件下,監(jiān)聽(tīng)器自動(dòng)在根目錄下生成一個(gè)myjs.js文件桥嗤。
參考:
https://zh-hans.reactjs.org/docs/add-react-to-a-website.html#add-jsx-to-a-project