vue配置mint-ui找不到css

ERROR Failed to compile with 1 errors 16:13:56javascript

This dependency was not found:css

* mint-ui/lib/style.css in ./src/main.jsvue

To install it, you can run: npm install --save mint-ui/lib/style.cssjava

 

最後換了mini ui 上面的 腳手架就沒問題了。node

可是後面還會有三個警告webpack

npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})web

第一個警告處理vue-cli

npm install ajv@^6.0.0  npm

就OKbash

 

第二個第三個警告是蘋果的不用管。

 

使用 vue-cli

npm install -g vue-cli

vue init webpack projectname

引入 Mint UI

你能夠引入整個 Mint UI,或是根據須要僅引入部分組件。咱們先介紹如何引入完整的 Mint UI。

完整引入

在 main.js 中寫入如下內容:

import Vue from 'vue' import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' import App from './App.vue' Vue.use(MintUI) new Vue({ el: '#app', components: { App } }) 

以上代碼便完成了 Mint UI 的引入。須要注意的是,樣式文件須要單獨引入。

以上完成就OK

相關文章
相關標籤/搜索