BIG陽
2022-08-04 15:59:14
Vuetify文件說:阻止引用 安裝后,找到您的 webpack.config.js 文件,然后將下面的代碼段復(fù)制到規(guī)則數(shù)組中。如果配置了現(xiàn)有的 sass 規(guī)則,則可能需要應(yīng)用以下部分或全部更改。如果您希望利用 vuetify-loader 進(jìn)行樹搖動,請確保您使用的是 Webpack 的版本 >=4。您可以在A-la-carte頁面上找到有關(guān)使用webpack進(jìn)行設(shè)置的更多信息。// webpack.config.jsmodule.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創(chuàng)建了我的項目。誰能告訴我應(yīng)該將指定的代碼添加到何處?謝謝!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>我用谷歌搜索了它,據(jù)說這是因為Vuetify沒有正確安裝。請看一下這個鏈接,這是我有問題的文件:https://github.com/powerseed/Test/blob/master/client/src/components/StudentInfo.vue 這是導(dǎo)致錯誤的部分。如果將其刪除,則錯誤將消失。我認(rèn)為如果我將提到的代碼添加到 中,它可能會解決錯誤,因為它是Vuetify文檔中唯一我沒有做的部分。否則我不知道如何解決它...v-toolbarwebpack.congif.js
2 回答

HUWWW
TA貢獻(xiàn)1874條經(jīng)驗 獲得超12個贊
我也很難嘗試“vue添加vuetify”到我的項目中回顧性。從現(xiàn)在開始,當(dāng)我開始一個新項目時,我會從頭開始安裝它。如果你的項目已經(jīng)在開發(fā)中,你可以嘗試通過vue GUI來做,我過去對現(xiàn)有項目已經(jīng)這樣做了,并且沒有遇到任何問題。

慕俠2389804
TA貢獻(xiàn)1719條經(jīng)驗 獲得超6個贊
我使用vuetify的解決方案一直是在您的src / main中執(zhí)行以下操作.js
import Vuetify from 'vuetify/lib'
Vue.use(Vuetify) //Add any theme modifications here
請查看下面 https://vuetifyjs.com/en/getting-started/quick-start/,在那里你找到了webpack.config.js
您可以使用插件進(jìn)行設(shè)置.js例如文檔中的完成方式或我上面的操作方式。在我的例子中,不需要webpack.config!
添加回答
舉報
0/150
提交
取消