1. 程式人生 > >前端學習筆記-8.7stylus全域性引入報錯及解決

前端學習筆記-8.7stylus全域性引入報錯及解決

最近正在做一個專案,遇到了stylus,全域性引入是個問題。 解決方案: 在這裡插入圖片描述 注意我的工具是windows7,64位,vue2.0,vue-cli,不同環境可能有所差異 初始時: 在這裡插入圖片描述 檔案目錄: 在這裡插入圖片描述 首先要在main.js全域性引入: 在這裡插入圖片描述

網上有很多解決的方案: 1.要配置檔案如下圖,我的並不可用,可能是版本號等問題 在這裡插入圖片描述 2.如下圖,要加個loader,resolve也要申明,切記莫亂改(此時我的其實已經配置好,只是又加了別的配置,還報錯) 在這裡插入圖片描述 我遇到的報錯資訊: This dependency was not found: *common/stylus/index.styl in ./src/main.js To install it,you can run: npm install --save common/stylus/index.styl 翻譯: 沒有找到這種依賴性: *./SRC/MIN .JS中的通用/觸針/索引 要安裝它,可以執行:NPM安裝——儲存通用/觸針/索引。

的解決辦法是 在

build\webpack.base.conf.js

將 resolve新增

resolve: { extensions: [’.js’, ‘.vue’, ‘.json’], alias: { ‘vue$’: ‘vue/dist/vue.esm.js’, ‘@’: resolve(‘src’), ‘common’: resolve(‘src/common’) } },

後記:每個人版本號(vue1.0或2.0,有沒有用cli),電腦配置,所用的軟體(比如sublime,webstorm),可能不同,相應的配置資訊可能不同,望用心。希望可以幫到遇到相同的朋友。