{{ import 引入header}} 这个写法是什么知识点 为什么打开页面没有正常显示头部呢

{{ import 引入header}} 这个写法是什么知识点 为什么打开页面没有正常显示头部呢

而且index. art文件打开之后也没有正常显示,没有转换html文件  为什么本次开发要用art呢?

正在回答

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

3回答

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

1、是想询问下图所示的写法是什么知识点吗?

http://img1.sycdn.imooc.com//climg/60d6dd1d0997ad1105610192.jpg

如果是的话,那么这里属于art-template中的语法哦,在前面的课程中有详细的讲解,可以回顾下课程,加深记忆与理解 ,如下:

http://img1.sycdn.imooc.com//climg/60d6dd5609e268e305680361.jpg

2、打开页面没有正常显示头部,是指视频中3分30秒左右,老师书写的css样式在页面中没有生效吗?如下:

http://img1.sycdn.imooc.com//climg/60d6ddea09074d2510600355.jpg

如果是的话,那么,视频中老师紧接着就讲解了,是因为没有引入相关的组件,如下:

(1)需要先在pages/index/components/index.js文件中引入公共的头部组件

http://img1.sycdn.imooc.com//climg/60d6de4a099a2b0009710521.jpg

(2)然后还需要在pages/index/index.js中引入自己的头部组件,保存文件后,设置的样式就生效了,如下:

http://img1.sycdn.imooc.com//climg/60d6deae094eb7b015110721.jpg

如果同学是指自己写的代码没有正常显示头部,可以参考上述步骤排查下,是否漏掉了哪一步呢,如果排查不出来,可以将你写的相关代码全部粘贴过来,并将你的项目目录截图粘贴过来,老师帮助你检查下。

3、如下图所示:

http://img1.sycdn.imooc.com//climg/60d6df5e094fd63705480091.jpg

同学是直接在浏览器中打开index.art文件吗?

如果是的话,那么这个是正常现象,直接在浏览器中打开index.art文件是无法自动转成html文件,正常显示页面的。需要结合webpack编译后才可以正常查看页面。上一章的“环境搭建”小节,有详细的讲解,可以回顾下,加深记忆与理解。

如果不是的话,可以详细描述下具体操作,便于帮助同学准确的定位与解决问题。

4、因为使用art-tamplate模板引擎,书写完模板之后,就可以多次重复利用,根据传入该模板的数据不同,展示不同的内容,简单理解就是为了方便面我们开发,提高效率。

祝学习愉快~

  • KaFe_Ming 提问者 #1

    环境已经搭建完成了,那么怎么样打开index.art才能正常显示页面呢

    2021-06-26 16:32:22
  • KaFe_Ming 提问者 #2


    还有一个很大的疑惑就是 styles文件下的layout. css文件没有看见老师引入在另一个文件目录下的index.art 但是它的css样式却表现出来了?

    2021-06-26 16:36:19
好帮手慕慕子 2021-06-26 17:14:11

同学你好,因为项目中使用了html-webpack-plugin插件,所以会自动将依赖的文件(css或者js等文件)注入到编译后的html文件中,这样就将index.art文件和index.js文件联系起来了。

webpack.config.js文件中也添加了相关的配置代码。如下:

http://img1.sycdn.imooc.com//climg/60d6eda609104f9d08240207.jpg

​祝学习愉快~

好帮手慕慕子 2021-06-26 16:50:51

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

1、“环境搭建”小节7分48秒左右,中老师有讲解和演示的,执行npm start命令启动项目就可以啦,如下:

http://img1.sycdn.imooc.com//climg/60d6e6c709d7e2f004150120.jpg

2、在上一小节的1分32秒左右,老师在pages/index/index.js文件中已经引入了layout.css文件,如下:

http://img1.sycdn.imooc.com//climg/60d6e88309f1ccfa05790300.jpg

老师这里给同学一个小小的建议:随着我们学的内容越来越多,越来越深入,代码也会越来越多,越来越复杂,其中涉及到的点可能也会比较多,在听案例课的时候一定要听完一节就去自己动手练习一下这节课中老师讲的内容,或者一边听课一边暂停跟着老师的步骤进行操作,不要全部听完了再去写,这样很可能会无从下手。

祝学习愉快~

  • 提问者 KaFe_Ming #1

    好的,第一个问题解决了。我也知道css文件引入到了js文件中,但是index. art中也没有看见引入这个js文件呀。这两个是如何关系上的?

    2021-06-26 16:53:14
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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