用stylus的问题
# 具体遇到的问题
1.在style 后面加上lang=‘stylus’cmd会出现这些东西 并且 无法刷新、
2.每次按照视频写完保存 会自动帮我带上{} 写 export default 也是 删掉多余的,;“”都会自动添加回来 怎么设置 用的vscode
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
关于1.的问题在这里
WAIT Compiling... 下午7:36:58
57% building modules 4/5 modules 1 active ...\src\pages\home\components\Header.vue(node:16720) UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
at createEvaluator (C:\Users\Administrator\Desktop\travel\node_modules\stylus-loader\dist\utils.js:271:37)
at Object.stylusLoader (C:\Users\Administrator\Desktop\travel\node_modules\stylus-loader\dist\index.js:107:60)
at LOADER_EXECUTION (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
at runSyncOrAsync (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:120:4)
at iterateNormalLoaders (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at iterateNormalLoaders (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
at C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:236:3
at Object.context.callback (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at Object.module.exports (C:\Users\Administrator\Desktop\travel\node_modules\vue-loader\lib\selector.js:21:8)
at LOADER_EXECUTION (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
at runSyncOrAsync (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:120:4)
at iterateNormalLoaders (C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at C:\Users\Administrator\Desktop\travel\node_modules\loader-runner\lib\LoaderRunner.js:205:4
at C:\Users\Administrator\Desktop\travel\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:70:14
at processTicksAndRejections (internal/process/task_queues.js:75:11)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:16720) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:16720) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
正在回答
同学你好,问题解答如下:
1. 上图的报错是由于stylus-loader版本过高导致的,最简单、快捷的解决方案是降低stylus-loader版本,即与课程中的stylus-loader版本号保持一致,安装指令如下:npm install --save stylus-loader@3.0.2
安装完成后,检查一下package.json文件dependencies字段中的stylus-loader的版本号,是否变成了3.0.2,如已变成这个版本号,则重新启动一下项目。
2. vscode这个问题,与vetur插件的配置有关,可以做如下配置试试:
a)修改"vetur.format.defaultFormatter.js"的值:
b)在设置栏,搜索vetur.format.defaultFormatterOptions,然后添加如下设置:
vscode之所以会加上这些内容,是因为它认为这样写才是规范的,如果不影响代码的正常运行,也可以不用管它。
祝学习愉快!
相似问题
登录后可查看更多问答,登录/注册
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星