我是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
這工作,但我真的想用我的node_modules路徑... – Dgales4130
node_modules/react/umd/react.production.min.js – Dgales4130