目的地页报错

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>慕云游商城--目的地</title>
</head>

<body>
<div id="destination-page" class="destination-layout">
<!-- 头部 -->
<header class="header-layout">头部</header>

<!-- 主体 -->
<div class="main-layout">主体</div>

<!-- 标签栏 -->
<div class="tabbar-layout">
<% include('../../components/tabbar/tabbar.art', { active: 'destination' }) %>
</div>

<!-- 返回顶部 -->
<div class="backtop-layout">
{{include '../../components/backtop/backtop.art'}}
</div>
</div>
</body>

</html>

// 样式
import 'styles/reset.css';
import 'styles/base.css';
import 'styles/layout.css';
import './destination.css';

// 组件
import 'components/tabbar';

onlk 2022-05-18

源自：“仿穷游”商城webapp 4-1 目的地页的结构和样式

收起

1回答

好帮手慕久久 2022-05-18 18:02:32

同学你好，这两处代码没问题。而且从页面效果来看，结构和样式也加载上了：

报错信息提示，是header的index.js有问题：

同学可以重点检查一下pages/index/components/header/index.js这个文件，看看元素html结构中的类名与js中的类名是否统一，或者重启一下项目试试。

祝学习愉快！

收起回答

提问者 onlk #1

为啥首页没有这个问题呢？

2022-05-18 18:09:39
好帮手慕久久回复提问者 onlk #2

要看其他代码是怎么写的，可以给老师发个私信。点击我昵称，关注一下，就可以发私信了。

2022-05-18 18:11:26
提问者 onlk #3

找到问题了，是我webpack.config.js 配置写错了

2022-05-18 19:18:22