2017-10-07 38 views
0

我是3或4個月前的編程新手,我試圖設置一個不使用npm create-react-app的反應應用程序,不使用網絡包。沒有'creat-react-app'或沒有webpack的新反應應用程序

該應用程序將是一個簡單的測試應用程序,以瞭解如何將狀態傳遞到組件,如顯示視頻鏈接列表中的視頻視圖。

我已經能夠獲得最初的代碼來transpile,但沒有得到反應和react-dom.js文件加載。實時服務器錯誤顯示在底部,也反映在瀏覽器的控制檯中。

下面是我的一些與此相關的代碼: - 的package.json〜

}, 
    "homepage": "https://github.com/dgales4130/PuppyBowl#readme", 
    "dependencies": { 
    "babel-watch": "^2.0.7", 
    "bootstrap": "^3.3.7", 
    "jquery": "^3.2.1", 
    "live-server": "^1.2.0", 
    "react": "^16.0.0", 
    "react-dom": "^16.0.0" 
    }, 
    "devDependencies": { 
    "es6-module-transpiler": "^0.10.0", 
    "babel-cli": "^6.6.5", 
    "babel-preset-es2015": "^6.6.0", 
    "babel-preset-react": "^6.5.0", 
    "babel-core": "^6.26.0" 
    } 

- INDEX

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="styles/style.css"> 
    <script src="node_modules/jquery/dist/jquery.js"></script> 
    <script src="node_modules/react/dist/react.js"></script> 
    <script src="node_modules/react-dom/dist/react-dom.js"></script> 

</head> 

    <body> 
    <div id"app"> </div> 
    <script src="src/data/data.js"></script> 
    <script src="compiled/src/components/App.js"></script> 
    <script src="compiled/src/index.js"></script> 
    </body> 

---活服務器錯誤

GET /node_modules/react/dist/react.js 404 104.505 ms - 45 
GET /node_modules/react-dom/dist/react-dom.js 404 105.743 ms - 53 
GET /node_modules/react/dist/react.js 404 5.843 ms - 45 
GET /node_modules/react-dom/dist/react-dom.js 404 2.695 ms - 53 

回答

0

這與故宮安裝時反應加載反應腳本,路徑反應-DOM

<script src="node_modules/react/umd/react.development.js"></script> 
<script src="node_modules/react-dom/umd/react-dom.development.js"></script>