在入口文件main.js引入styl报错:

在入口文件main.js里导入styl文件,直接运行发现系统报错了。
想了一下,发现并没有安装stylus和stylus-loader。把系统的所有终端调试运行都停止,直接在项目下安装:
1.npm install stylus --save
2.npm install stylus-loader --save
安装完成后打开package.json看到有这两个都显示当前版本:

再一次运行系统,发现还是报错:

安装上面写的都是需要安装npm install --save common/stylus/index.styl,我尝试了一下安装,结果还是报错。

import './common/stylus/index.styl'


运行后还是报错:

尝试在build文件里的webpack.base.conf.js 的 alias 里添加一行代码(提高效率):

'common': resolve('src/common')

main.js代码变回原来的,重新运行:

import 'common/stylus/index.styl'



发现还是报错情况下,我重新把系统所有的运行终端调试都停止。在webpack.base.conf.js里extensions加了'.styl'

保存,再一次重新运行就成功了。

在入口文件main.js引入styl报错,不断修改后运行正常了相关推荐

  1. ajax文件上传报400,js ajaxfileupload.js上传报错的解决方法

    相信大家在工作中经常用到文件上传的操作,因为我是搞前端的,所以这里主要是介绍ajax在前端中的操作.代码我省略的比较多,直接拿js那里的 $.ajaxFileUpload({ url:'www.cod ...

  2. vue中,scss样式的三种写法——当前页面直接定义、@import引入样式、main.js引入公共样式 deep和important的写法

    vue中,scss样式的三种写法--当前页面直接定义.@import引入样式.main.js引入公共样式 & deep和important的写法 1.安装scss # 安装node-sass ...

  3. vue引入第三方js的方案 报错

    vue引入第三方js的方案 报错< 问题描述 vue项目中引用一个外部js包 npm中没有响应的js下载 所以只能通过外部引用 使用方法如下: 1.首先是第三方js包存放的位置 一定要放在 st ...

  4. ngular12版本引入ng-alain报错

    ngular12版本引入ngalain报错 1 报错提示 2 解决方案 1 报错提示 /Users/dengkai/workspace/pumkins/test/my-project/node_mod ...

  5. Vue scss 引入变量报错

    官网css引入配置 参考文章 我在项目里自定义了vue.config.js的rules关于scss的loader所以我是直接子啊loader配置options就可以 { test: /\.scss$/ ...

  6. html引入css报错,html中引入css样式的方法总结

    CSS是用来控制网页数据的表现,可以使网页的表现与数据内容分离.要想让CSS对网页内容有效果,必须将CSS代码引入网页,使网页更具有美观性,有动感的效果,那么如何实现引入css呢?今天就来给大家总结! ...

  7. Vue框架Vue-cli脚手架引入图片报错

    Vue框架Vue-cli脚手架引入图片报错 一.import导入图片方法 第一步:在.vue文件中import edit from 'path'(path是图片与.vue的相对路径) 第二步:在dat ...

  8. Python3引入ssl报错(解决方案)

    Python3引入ssl报错 源码编译安装python3.6 解决ssl问题 该文章作者亲测有效,环境为云服务器centos7 步骤 [root@shuai ~]# mkdir /root/Downl ...

  9. vue3.0引入ant-design-vue报错 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘

    vue3.0引入ant-design-vue报错 export 'default' (imported as 'Vue') was not found in 'vue' 报错如下 解决办法 根目录命令 ...

  10. 解决nuxt.js新建项目报错的问题

    解决nuxt.js新建项目报错的问题 参考文章: (1)解决nuxt.js新建项目报错的问题 (2)https://www.cnblogs.com/blueroses/p/8651827.html 备 ...

最新文章

  1. 什么是SQL 注入?
  2. C语言学习总结(四)——数据结构
  3. PooledByteBuf源码分析
  4. python列表代码_8种高级的Python列表使用技巧,都给你整理好啦(附实操代码)...
  5. 解决EditText不能撑满全屏的问题及EditText你应该知道的属性
  6. 有限自动机与有限状态机
  7. B站 - 黑客攻防 入门到入狱 [网络安全] -笔记
  8. POJ 2125 Destroying The Graph Acwing 2325. 有向图破坏(拆点+最小权点覆盖集)
  9. 用VSCode编写Latex时遇到的问题(Mac系统下)
  10. php必应收录查询api,必应 Web 搜索 API v7.0
  11. php如何在图片上写字,php在图片上写字并生成图片
  12. ECCV 2022 | 清华腾讯AI Lab提出REALY:重新思考3D人脸重建的评估方法
  13. 服务器上的东西丢了怎么找回来,东西丢了不要急,教你用周易古诀找回失物!...
  14. 京东与苏宁之争,用户体验的博弈
  15. 职业规划之前请认真读读以下19个故事(2)
  16. 如何评论stem教育的特点
  17. 「颜值即正义」那些管UI的妹子要来的网站啦
  18. Ubuntu下的源码浏览器Opengrok搭建 并集成LDAP认证登陆
  19. 【BZOJ3811】【清华集训2015】玛里苟斯(线性基)
  20. HiCPlotter|HiC数据可视化工具

热门文章

  1. springcloud服务假死
  2. word如何设置页码,WPS超实用小技巧
  3. word文档页码不连续怎么弄
  4. spring boot  mybatis 事务回滚
  5. WaveDrom 时序图编辑器
  6. shader从入门到精通——(二)三大主流编程语言
  7. Latex大括号左对齐
  8. 南大计算机专业课表,南京大学计算机科学与技术系2019-2020学年第一学期仙林校区.PDF...
  9. WLAN无线技术基本概念(802.11a/b/g/n/ac/ax区别,频段,信道概念)
  10. 用Python设置Excel样式