贝塔-2.0.0刚刚发布,我想试用它,并在新的vue测试应用程序中使用.

我使用@vue/cli v3.8.2创建具有默认设置的新项目:

vue create testapp

这给了我成功的结果:

?  Successfully created project testapp.
?  Get started with the following commands:

 $ cd testapp
 $ npm run serve

然后,我将vuetify插件添加到带有默认(推荐)预设的项目中:

cd testapp
vue add vuetify

这让我获得了成功:

?  Installing vue-cli-plugin-vuetify...

+ vue-cli-plugin-vuetify@0.5.0
added 1 package from 1 contributor and audited 23942 packages in 9.235s
found 0 vulnerabilities

✔  Successfully installed plugin: vue-cli-plugin-vuetify

? Choose a preset: Default (recommended)

?  Invoking generator for vue-cli-plugin-vuetify...
?  Installing additional dependencies...

added 11 packages from 49 contributors and audited 23980 packages in 9.252s
found 0 vulnerabilities

⚓  Running completion hooks...

✔  Successfully invoked generator for plugin: vue-cli-plugin-vuetify

现在在package.json中,我看到了vuetify版本:

我现在将其更新为v2.0.0-beta.0,如下所示:

npm install vuetify@2.0.0-beta.0

我再次获得成功:

+ vuetify@2.0.0-beta.0
updated 1 package and audited 23980 packages in 10.302s
found 0 vulnerabilities

现在,当我try 运行它时:

npm run serve

我得到一个错误:

> testapp@0.1.0 serve c:\temp\testapp
> vue-cli-service serve

 INFO  Starting development server...
 98% after emitting CopyPlugin

 ERROR  Failed to compile with 99 errors                                                                                                                                                                                           6:17:04 PM

This dependency was not found:

* vuetify/src/stylus/app.styl in ./src/plugins/vuetify.js

To install it, you can run: npm install --save vuetify/src/stylus/app.styl
Failed to resolve loader: sass-loader
You may need to install it.

如果我像这样安装sass loader:

npm i -D node-sass sass-loader

我成功了.然后我再次try 运行它:

npm run serve

现在我又遇到了不同的错误:

 ERROR  Failed to compile with 1 errors                                                                                                                                                                                            6:27:06 PM

This dependency was not found:

* vuetify/src/stylus/app.styl in ./src/plugins/vuetify.js

To install it, you can run: npm install --save vuetify/src/stylus/app.styl

我被困在这里,因为我不知道如何修复这个错误.npm install --save vuetify/src/stylus/app.styl显然不行.此外,我也无法通过遵循官方vuetify page测试版来实现这一点.

推荐答案

创建新的vue项目后,请执行以下命令:

# yarn
$ yarn add https://github.com/vuetifyjs/vue-cli-plugin-vuetify.git#dev -D
$ vue invoke vuetify

# npm
$ npm install https://github.com/vuetifyjs/vue-cli-plugin-vuetify.git#dev --save-dev
$ vue invoke vuetify

我认为它甚至会与你已经创建的项目一起工作.试试上面的命令.

更多信息请点击v2.0.0-beta.0 release

Vue.js相关问答推荐

Vuetify快速失败不会阻止发送表单

Vuetify/Vue3 插槽模板之间的阴影

如何以惯用的方式触发 vue3 中同级组件的效果?

如何在FormKit中验证文本输入框中不能输入数字

Vue.js 3 运行时挂载组件实例

是否可以使用 Vuetify/VueJS 为轮播设置默认图像而不是第一个图像?

超出最大调用堆栈大小 - Vue路由

如何将字符串中的
解析为 VUE.js 中的 html 标记

webpack vue-loader 配置

在keyup Vuejs 2上获取输入值

Vuetify 在数据表中插入操作按钮并获取行数据

为什么不先移动鼠标就无法滚动视差?

事件 click点击的无效处理程序:未定义

Vue 3 - 带有全局组件的无法解析组件

我在 Nuxt 2.14.0 中运行的是什么版本的 Vue?

交换数组项

Vue 3:模块 '"../../node_modules/vue/dist/vue"' 提示

在vue中单击时如何模糊元素

Vuetify v-data-table 固定标题不起作用

Vue.js 显示空格(换行符)