Question

我正在使用vue-cli和vuetify创建一个项目。

我想使用最新的vuetify2.0.0 beta7。

但是我遇到了一些问题，

当我输入“ yarn start”进行预览时，它出现了很多问题，

似乎所有关于CSS的问题，

以及所有./node_modules/vuetify/src/components/xxx/xxx.sass，

其中一些是

 error  in ./node_modules/vuetify/src/components/VBtnToggle/VBtnToggle.sass

Module build failed:
undefined
   ^
      Invalid CSS after "    @content": expected "}", was "($material-light); "
      in D:\Workspace\VSCode\pr-re\node_modules\vuetify\src\styles\tools\_theme.sass (line 3, column 5)

 @ ./node_modules/vuetify/src/components/VBtnToggle/VBtnToggle.sass 4:14-184 13:3-17:5 14:22-192
 @ ./node_modules/vuetify/lib/components/VBtnToggle/VBtnToggle.js
 @ ./node_modules/vuetify/lib/components/VBtnToggle/index.js
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/plugins/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server ./src/main.js

我尝试从现有项目中进行更新并创建一个新项目，最后他们给了我同样的问题。

我这样做是为了更新（当前的vuetify版本是^ 1.5.14）：

键入yarn add vuetify@2.0.0，然后选择beta7;
将一些导入代码从main.js迁移到src / plugins / vuetify.js
运行开发人员，它告诉我我丢失了sass-loader，因此我输入了yarn add sass-loader
再次运行开发人员，我遇到了问题

我想解决类似CSS的问题，以便让我在项目中使用vuetify。

Answer 1

您将需要安装sass：

$ yarn add sass sass-loader fibers deepmerge -D
// OR
$ npm install sass sass-loader fibers deepmerge -D

更多信息可以在upgrade guide中找到。

如何使用vuetify@2.0.0-beta7

1 个答案: