実現したいこと
npm installしたい
(目的)npm startでReactをブラウザで動かせるようにしたい
前提
環境構築初学者です。
Reactを勉強しようと思い、こちらを参考に環境構築していました。
全ての工程を終え、npm startをしたところエラーが出て、格闘していたらnpm installすらできなくなってしまいました。
発生している問題・エラーメッセージ
npm ERR! code EJSONPARSE npm ERR! path /Users/shiori/ReactTest/package.json npm ERR! JSON.parse Expected double-quoted property name in JSON at position 794 while parsing '{ npm ERR! JSON.parse "name": "reacttest", npm ERR! JSON.parse "version": "1' npm ERR! JSON.parse Failed to parse JSON data. npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript. npm ERR! A complete log of this run can be found in: npm ERR! /Users/shiori/.npm/_logs/2023-04-02T05_28_58_573Z-debug-0.log
該当のソースコード
package.json
1{ 2 "name": "reacttest", 3 "version": "1.0.0", 4 "description": "React test", 5 "private": true, 6 "main": "index.js", 7 "scripts": { 8 "start": "webpack-dev-server", 9 "webpack": "webpack" 10 }, 11 "keywords": [], 12 "author": "", 13 "license": "ISC", 14 "dependencies": { 15 "react": "^18.2.0", 16 "react-dom": "^18.2.0" 17 }, 18 "devDependencies": { 19 "@babel/cli": "^7.21.0", 20 "@babel/core": "^7.21.4", 21 "@babel/preset-env": "^7.21.4", 22 "@babel/preset-react": "^7.18.6", 23 "babel-eslint": "^10.1.0", 24 "babel-loader": "^9.1.2", 25 "css-loader": "^6.7.3", 26 "eslint": "^7.32.0", 27 "eslint-loader": "^4.0.2", 28 "eslint-plugin-react": "^7.32.2", 29 "style-loader": "^3.3.2", 30 "webpack": "^5.77.0", 31 "webpack-cli": "^5.0.1", 32 "webpack-dev-server": "^4.13.2" 33 }, 34}
試したこと
恐らく「"devDependencies": {」ここら辺の二重符がないことらしいですが、
特にいじってないですし、どこが変なのかわかりませんでした。。。
「 "webpack-dev-server": "^4.13.2"
},」←ここのカンマがなかったので付け足してみました。(がエラー文は変わりませんでした)
補足情報(FW/ツールのバージョンなど)
macOS M1 Ventura13.2.1
初歩的なことだと思いますが、ご教授いただけたら幸いです。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。