前置说明:在研究别人的开源项目的时候,本地安装好项目依赖。
运行npm run start ,出现如下

- vue@2.5.2 (D:\IDEA_Work\fulingfront\node_modules\_vue@2.5.2@vue\dist\vue.runtime.common.js)
- vue-template-compiler@2.6.10 (D:\IDEA_Work\fulingfront\node_modules\_vue-template-compiler@2.6.10@vue-template-compiler\package.json)

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

    at Object.<anonymous> (D:\IDEA_Work\fulingfront\node_modules\_vue-template-compiler@2.6.10@vue-template-compiler\index.js:10:9)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (D:\IDEA_Work\fulingfront\node_modules\_vue-loader@13.7.3@vue-loader\lib\parser.js:1:80)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)

 @ ./src/main.js 2:0-24
 @ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://localhost:8710 webpack/hot/dev-server babel-polyfill ./src/main.js

 error  in ./src/components/icon-svg/index.vue

Module build failed: Error:

Vue packages version mismatch:

- vue@2.5.2 (D:\IDEA_Work\fulingfront\node_modules\_vue@2.5.2@vue\dist\vue.runtime.common.js)
- vue-template-compiler@2.6.10 (D:\IDEA_Work\fulingfront\node_modules\_vue-template-compiler@2.6.10@vue-template-compiler\package.json)

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

    at Object.<anonymous> (D:\IDEA_Work\fulingfront\node_modules\_vue-template-compiler@2.6.10@vue-template-compiler\index.js:10:9)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (D:\IDEA_Work\fulingfront\node_modules\_vue-loader@13.7.3@vue-loader\lib\parser.js:1:80)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
————————————————

说明:从错误中,可以看到是由于Vue和vue-template-compiler的版本不匹配导致的

先删除文件夹node_modules文件夹下的vue-template-compiler文件 >cnpm install vue-template-compiler@2.5.2 --save-dev 再次运行 npm run start 即可

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐