"dependencies": {

"axios": "^0.19.0",

"core-js": "^2.6.5",

"vant": "^2.0.9",

"vue": "^2.6.10",

"vue-router": "^3.0.3",

"vuex": "^3.0.1"

},

"devDependencies": {

"@vue/cli-plugin-babel": "^3.9.0",

"@vue/cli-plugin-eslint": "^3.9.0",

"@vue/cli-service": "^3.9.0",

"@vue/eslint-config-prettier": "^4.0.1",

"babel-eslint": "^10.0.1",

"babel-plugin-import": "^1.12.0",

"eslint": "^5.16.0",

"eslint-plugin-vue": "^5.0.0",

"sass": "^1.18.0",

"sass-loader": "^7.1.0",

"vue-template-compiler": "^2.6.10"

}

以上可以看到我的全局dependency中已成功安裝vant 2.0.9 而開發(fā)環(huán)境已成功安裝babel-plugin-import 1.12.0

module.exports = {

presets: ["@vue/app"],

plugins: [

['import', {

libraryName: 'vant',

libraryDirectory: 'es',

style: true

}, 'vant']

]

};

而對應(yīng)的babel.config.js文件也添加了vant的plugin如上圖

<template>

<div>

<van-button type="primary">Primary</van-button>

</div>

</template>

<script>

import axios from 'axios';

import {Button} from 'vant';

export default {

name: 'contatcList',

components: {

[Button.name] : Button

},

created() {

}

}

</script>

最后也在相應(yīng)的自定義組件ContactList.vue中import且在components中注冊并在template中使用 可起服務(wù)的時候依然報找不到vant對應(yīng)的兩個依賴 不知道哪位大神能幫忙解答 感激涕零>_<

These dependencies were not found:

* vant/es/button in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0

-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/ContactList.vue?vue&type=script&lang=js&

* vant/es/button/style in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??

ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/ContactList.vue?vue&type=script&lang=js&

To install them, you can run: npm install --save vant/es/button vant/es/button/style

P.S.: 即使我嘗試了跑以上推薦的命令?npm install --save vant/es/button vant/es/button/style 依然還是會報錯 所以只好post在這里看大家有沒有遇到過類似的問題了>_<