質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Q&A

解決済

1回答

945閲覧

コピペしたpackage.jsonについて

yunosuke

総合スコア18

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

0グッド

0クリップ

投稿2022/03/03 08:23

ネット上から拾ってきたpackage.jsonをそのままディレクトリに配置して

npm install

など行ってもエラーが排出されます。
基本的な考えとして他所から(git hub)等から持ってきたものからインストールをかけることって不可能なんでしょうか?
根本的な疑問点ですみません。
回答よろしくお願いします。

以下package.jsonのファイルの中身になります。

package.json

1 "name": "hoge", 2 "version": "1.0.0", 3 "description": "", 4 "main": "index.js", 5 "scripts": { 6 "start": "npx webpack serve --mode=development", 7 "build": "webpack", 8 "build:dev": "webpack --mode=development" 9 }, 10 "author": "", 11 "license": "ISC", 12 "devDependencies": { 13 "@babel/core": "^7.12.10", 14 "@babel/preset-env": "^7.12.11", 15 "babel-loader": "^8.2.2", 16 "clean-webpack-plugin": "^3.0.0", 17 "css-loader": "^5.0.1", 18 "html-loader": "^1.3.2", 19 "html-webpack-plugin": "^5.0.0-beta.5", 20 "image-webpack-loader": "^7.0.1", 21 "mini-css-extract-plugin": "^1.3.4", 22 "node-sass": "^5.0.0", 23 "pug-html-loader": "^1.1.5", 24 "sass-loader": "^10.1.1", 25 "style-loader": "^2.0.0", 26 "webpack": "^5.15.0", 27 "webpack-cli": "^4.3.1", 28 "webpack-dev-server": "^3.11.2" 29 }, 30 "dependencies": {} 31} 32

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

maisumakun

2022/03/03 08:56

どのようなエラーが出たのですか?メッセージをコピペで提示してください。
guest

回答1

0

ベストアンサー

まず、1行目にあるべき{が無いので不完全なJSONファイルです。

次に、バージョンが古いモジュールがけっこうあるので、
依存関係でエラーになる可能性が大です。
最初から一つずつバージョンを指定せずインストールしてみてください。

npm install --save-dev @babel/core
npm install --save-dev @babel/preset-env
以下省略

以下のようなワーニングはとりあえず気にしなくても良いです。
npm WARN deprecated .....

投稿2022/03/03 08:51

technocore

総合スコア7200

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yunosuke

2022/03/03 09:19

``` npm init npm install --save-dev webpack npm install --save-dev css-loader npm install --save-dev mini-css-extract-plugin npm install --save-dev html-webpack-plugin npm install --save-dev clean-webpack-plugin npm install --save-dev file-loader npm install --save-dev pug-html-loader npm install --save-dev html-loader npm install --save-dev webpack-dev-server npm install --save-dev node-sass npm install --save-dev sass-loader npm install --save-dev babel-loader npm install --save-dev @babel/core npm install --save-dev @babel/preset-env npm install --save-dev image-webpack-loader ``` インストールし直したらできました。ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問