这个是怎么回事

正在回答 回答被采纳积分+1

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

2回答
好帮手慕慕子 2019-06-05 13:47:23

同学你好, 老师使用了两种方法,引入demo1文件,一种是使用require的方式, 一种使用import的方式, 目前由于版本的问题, 第一种方式支持性不好, 2-2 生命周期(下)课程中也有特别提示哦

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

建议修改:

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

启动项目后, 在浏览器需要输入/demo1才可以访问到demo1页面哦

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

同学可以自己再去测试一下, 如果还有疑惑, 也可以回顾一下视频,老师视频讲解的很清晰哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

好帮手慕慕子 2019-06-05 11:22:52

同学你好, 请问你是直接创建项目后启动后就报了这个错误吗, 还是做了其他操作呢?

如果是直接启动项目就报了这个报错, 原因可能是因为高版本的vue默认是runtime版本导致的, 你可以检查一下如下图所示的文件中,引入的vue版本是否和下图圈起来的一样, 如果不一样的话可以修改一下试试。

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

另, 可以检查一下package.json文件中是否有下图中的依赖。没有的话, 可以安装一下试试

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

如果还有问题, 建议: 可以将你项目中主要文件的代码和配置文件截图粘贴过来。便于准确的定位和解决问题

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

  • 提问者 hayha西蒙 #1
    都是对的,默认主页没问题可以正常显示,主要是自己跟老师步骤走创建的demo1页面内容显示不出来
    2019-06-05 11:36:49
  • 提问者 hayha西蒙 #2
    <template> <div> <div>helloworld</div> </div> </template> <script> export default{ data(){ return{ } } } </script>
    2019-06-05 11:42:55
  • 提问者 hayha西蒙 #3
    import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/demo1', name: 'demo1', component: require('@/pages/demo1/index.vue') } ] })
    2019-06-05 11:43:37
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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