前端学习笔记-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),可能不同,相应的配置信息可能不同,望用心。希望可以帮到遇到相同的朋友。

猜你喜欢

转载自blog.csdn.net/qq_43000359/article/details/82950291
8.7