如果没有 webpack.config.js 文件，如何正确安装 Vuetify？

Question

Vuetify文件说：

阻止引用 安装后，找到您的 webpack.config.js 文件，然后将下面的代码段复制到规则数组中。如果配置了现有的 sass 规则，则可能需要应用以下部分或全部更改。如果您希望利用 vuetify-loader 进行树摇动，请确保您使用的是 Webpack 的版本 >=4。您可以在A-la-carte页面上找到有关使用webpack进行设置的更多信息。

// webpack.config.js

module.exports = {

  rules: [

    {

      test: /\.s(c|a)ss$/,

      use: [

        'vue-style-loader',

        'css-loader',

        {

          loader: 'sass-loader',

          // Requires sass-loader@^7.0.0

          options: {

            implementation: require('sass'),

            fiber: require('fibers'),

            indentedSyntax: true // optional

          },

          // Requires sass-loader@^8.0.0

          options: {

            implementation: require('sass'),

            sassOptions: {

              fiber: require('fibers'),

              indentedSyntax: true // optional

            },

          },

        },

      ],

    },

  ],

}

但是，我的项目中没有。我确实使用webpack创建了我的项目。

谁能告诉我应该将指定的代码添加到何处？谢谢！webpack.config.js

编辑：我需要添加上述代码的原因是我遇到了错误：

webpack-internal:///./node_modules/vue/dist/vue.esm.js:629 [Vue warn]: Error in render: "TypeError: Cannot read property 'smAndDown' of undefined" found in ---> <VToolbar> <VCard> <StudentInfo> at src/components/StudentInfo.vue <App> at src/App.vue <Root>

我用谷歌搜索了它，据说这是因为Vuetify没有正确安装。

请看一下这个链接，这是我有问题的文件：https://github.com/powerseed/Test/blob/master/client/src/components/StudentInfo.vue 这是导致错误的部分。如果将其删除，则错误将消失。

我认为如果我将提到的代码添加到 中，它可能会解决错误，因为它是Vuetify文档中唯一我没有做的部分。否则我不知道如何解决它...v-toolbarwebpack.congif.js

Answer 1

我也很难尝试“vue添加vuetify”到我的项目中回顾性。从现在开始，当我开始一个新项目时，我会从头开始安装它。如果你的项目已经在开发中，你可以尝试通过vue GUI来做，我过去对现有项目已经这样做了，并且没有遇到任何问题。

Answer 2

我使用vuetify的解决方案一直是在您的src / main中执行以下操作.jsimport Vuetify from 'vuetify/lib'Vue.use(Vuetify) //Add any theme modifications here请查看下面 https://vuetifyjs.com/en/getting-started/quick-start/，在那里你找到了webpack.config.js您可以使用插件进行设置.js例如文档中的完成方式或我上面的操作方式。在我的例子中，不需要webpack.config！