vue配置mint-ui找不到css

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

This dependency was not found:

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

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

 

最后换了mini ui 上面的 脚手架就没问题了。

但是后面还会有三个警告

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"})

第一个警告处理

npm install ajv@^6.0.0  

就OK

 

第二个第三个警告是苹果的不用管。

 

使用 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