用stylus的问题

用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回答

同学你好,问题解答如下:

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"的值:http://img1.sycdn.imooc.com//climg/5fb47fd30907be4f08190487.jpg
b)在设置栏,搜索vetur.format.defaultFormatterOptions,然后添加如下设置:
http://img1.sycdn.imooc.com//climg/5fb480bc09b7650d07210287.jpg
http://img1.sycdn.imooc.com//climg/5fb481030941e56606580232.jpg
vscode之所以会加上这些内容,是因为它认为这样写才是规范的,如果不影响代码的正常运行,也可以不用管它。

祝学习愉快!​

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师