今天npm run dev打开源码文件发现报错

今天npm run dev打开源码文件发现报错

# 具体遇到的问题
http://img1.sycdn.imooc.com//climg/5f913d3f0945558114520316.jpg# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

7回答

同学你好,从截图上看,是安装成功了,可以使用cnpm install安装依赖包了。

祝学习愉快~

提问者 陈立天 2020-10-23 20:20:52

cnpm 这样是安装成功了吗?

http://img1.sycdn.imooc.com//climg/5f92ca9a096b067f14190229.jpg

好帮手慕糖 2020-10-23 19:46:39

同学你好,若是安装过cnpm,直接使用cnpm install下载依赖包就可以了。

若是没有安装过,使用的时候会提示不是内部命令。

可以执行npm install -g cnpm --registry=https://registry.npm.taobao.org 命令安装。安装之后可以使用cnpm。


不会自动替换服务器哦,添加了一个镜像,之后,可以使用npm也可以使用cnpm。

祝学习愉快~

好帮手慕糖 2020-10-23 19:14:01

同学你好,是打开一个不行,还是打开第二个的时候不行?


npm run dev只是运行命令,可以打开运行多个项目,不过项目的端口号不能一致,比如:第一个项目的端口号若是8080,第二个的就可以是8081。


依赖包的问题建议:同学可以分别使用npm与cnpm下载下。这个由于网速的问题,很容易下载失败,可以多试一下哦。

祝学习愉快~

  • 提问者 陈立天 #1
    cnpm怎么弄啊? 我之前好像弄过 是不是弄了之后 就npm就自动是使用的是cnpm的服务器了?
    2020-10-23 19:23:15
好帮手慕糖 2020-10-23 10:20:42

同学你好,可能因网速或者关闭项目时没有保存好等问题,会导致依赖包丢失不能运行的问题哦。

建议:可以将依赖包删除,重新下载下哦。

祝学习愉快~

  • 提问者 陈立天 #1
    试了还是不行,, 另外这个npm run dev 是不是不能同时运行两个项目啊??
    2020-10-23 17:39:55
好帮手慕夭夭 2020-10-22 19:13:34

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

1. 这个报错是缺少依赖,是不是下载源码直接运行的?因为课程源码是没有依赖包node_modules的(因为依赖包非常大)。下载源码之后,需要先执行npm install 安装所有的依赖包,然后再npm run dev运行即可。

2.这是因为父元素自动撑开的宽度,没有办法限制子元素item-desc的宽度。内容多了,子元素item-desc的宽度还是会被撑开。如下:

http://img1.sycdn.imooc.com//climg/5f9167ad096c468004490217.jpg


只有给父元素手动设置一个宽度,子元素tem-desc的就不会溢出了父元素。而内容多了,超出了子元素tem-desc区域,就会溢出隐藏了。这个可以特殊记一下哦~

http://img1.sycdn.imooc.com//climg/5f916885094f732903790242.jpg

3.老师这边测试,任意设置宽度是生效的,如下图所示。同学自己再测试一下,看看是不是样式加错了地方,或者拼错了单词,或者有中文符号等问题哦。

http://img1.sycdn.imooc.com//climg/5f9168f3093d11dd18200677.jpg



祝学习愉快~


  • 提问者 陈立天 #1
    我下载的源码有安装依赖,之前还还能运行的,今天打开就发现不能打开了
    2020-10-22 22:13:07
提问者 陈立天 2020-10-22 16:22:24

另外 溢出隐藏写了 并且网页检查css样式也有 为啥网页显示没有省略号和溢出隐藏呢??

http://img1.sycdn.imooc.com//climg/5f9140e3091e79b719321279.jpg

http://img1.sycdn.imooc.com//climg/5f91413c09327b9b12481220.jpg

  • 提问者 陈立天 #1
    经过我测试给item-info随便设置了个宽度就可以溢出隐藏了,但是 item-info不是为它自动设置了flex:1自动撑开了么???这是啥道理? (另外我随便设置的宽度似乎都没有生效样式,.1rem和5rem宽度还是和没设置宽度之前是一样的。)
    2020-10-22 16:31:32
  • 提问者 陈立天 #2
    不好意思,看到课程后面原来加了min-width:0 就可以显示出来点点省略号了,这是什么原理??
    2020-10-22 16:34:14
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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