I wanted to learn vue recently, and then I saw a good project. Then I decided to clone it and study it.
Follow the instructions step by step to install, npm install, and all dependencies are installed.
`
https://github.com/jrainlau/m...
This is the project address, you can clone it directly
`
But I found that after cloning, using the project description, and then finally (in a mac environment) npm run dev
, an error was reported. Both npm and node have been upgraded to the latest versions, and there was a problem with version reminders at first.
I don’t know what’s wrong with the configuration, please give me some advice.
The following is the package configuration:
`{
"name": "markcook2.0",
"description": "Markcook version 2.0",
"author": "Jrain Lau <jrainlau@gmail.com>",
"private": true,
"scripts": {
"dev": "webpack-dev-server --inline --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},
"dependencies": {
"font-awesome": "^4.6.3",
"fontawesome": "^4.5.0",
"highlight.js": "^9.7.0",
"marked": "^0.3.6",
"vue": "2.3.3",
"xss": "^0.2.13"
},
"devDependencies": {
"babel-core": "^6.0.0",
"babel-loader": "^6.0.0",
"babel-preset-es2015": "^6.0.0",
"cross-env": "^3.0.0",
"css-loader": "^0.25.0",
"file-loader": "^0.9.0",
"jspdf": "^1.3.2",
"less": "^2.7.1",
"less-loader": "^2.2.3",
"vue-loader": "^9.4.0",
"vuex": "^2.0.0-rc.6",
"webpack": "^2.6.0",
"webpack-dev-server": "^2.1.0-beta.0"
}
}`
Specific error report
`
TypeError: webpack.validateSchema is not a function
at new Server (/Users/panda/graduateProject/demo1/markcook/node_modules/.2.4.5@webpack-dev-server/lib/Server.js:25:35)
at startDevServer (/Users/panda/graduateProject/demo1/markcook/node_modules/.2.4.5@webpack-dev-server/bin/webpack-dev-server.js:358:12)
at /Users/panda/graduateProject/demo1/markcook/node_modules/.2.4.5@webpack-dev-server/bin/webpack-dev-server.js:330:3
at /Users/panda/graduateProject/demo1/markcook/node_modules/.1.0.13@portfinder/lib/portfinder.js:160:14
at /Users/panda/graduateProject/demo1/markcook/node_modules/.1.5.2@async/lib/async.js:52:16
at /Users/panda/graduateProject/demo1/markcook/node_modules/.1.5.2@async/lib/async.js:269:32
at /Users/panda/graduateProject/demo1/markcook/node_modules/.1.5.2@async/lib/async.js:44:16
at /Users/panda/graduateProject/demo1/markcook/node_modules/.1.0.13@portfinder/lib/portfinder.js:122:16
at Server.onListen (/Users/panda/graduateProject/demo1/markcook/node_modules/.1.0.13@portfinder/lib/portfinder.js:45:7)
at Object.onceWrapper (events.js:293:19)
npm ERR! Darwin 15.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v7.8.0
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! markcook2.0@ dev: webpack-dev-server - -inline --hot
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the markcook2.0@ dev script 'webpack-dev-server --inline --hot '.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the markcook2.0 package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --inline --hot
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs markcook2.0
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls markcook2.0
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /Users/panda/.npm/_logs /2017-05-26T14_29_22_361Z-debug.log
`
Clone first npm install, then npm run dev
Install webpack globally and try again?
http://jrainlau.github.io/mar...
This is the project address, you can clone it directly to take a look
Remove the down arrow before the version number. The latest version will be updated here, and the version you need will not necessarily be downloaded. correct.