如何在新的VUE CLI项目中安装vutify 2.0测试版？ [英] How to install vuetify 2.0 beta to the new vue cli project?

问题描述

Vutify 2.0.0-beta.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

然后我将默认(推荐)预置的vutify插件添加到项目中：

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中看到vutify版本： "vuetify": "^1.5.5"

我现在将其更新为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

现在当我尝试运行它时：

npm run serve

我收到错误：

> testapp@0.1.0 serve c:	emp	estapp
> 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

我成功了。然后我尝试再次运行它：

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这个测试版来让它工作。

推荐答案

创建新的Fresh 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 CLI项目中安装vutify 2.0测试版？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！