Compiled with problems:
×
ERROR in
./src/views/admin/AdminDashboard
.vue?vue&type=template&id=716cc37f&scoped=true (
./node_modules/ba
bel-loader/lib/index
.js??clonedRuleSet-40
.use[0]!
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js??ruleSet[1]
.rules[3]!
./node_modules/@vue/vue-loader-v15/lib/index
.js??vue-loader-options!
./src/views/admin/AdminDashboard
.vue?vue&type=template&id=716cc37f&scoped=true)
Module Error (from
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <script>, as
they will not
be parsed
.
107| ¥{{ scope
.row
.totalAmount
.toFixed(2) }}
108| </template>
109|
|
110| <script>
| ^^^^^^^^
111| import AdminDashboardJS from '
./js/AdminDashboard
.js';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
112|
|
113| export default {
| ^^^^^^^^^^^^^^^^
114|
...AdminDashboardJS
| ^^^^^^^^^^^^^^^^^^^^^
115| };
| ^^
116| </script>
| ^^^^^^^^^
117|
|
118| <style scoped>
| ^^^^^^^^^^^^^^
119| @import '
./css/AdminDashboard
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
120| </style>
| ^^^^^^^^
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <style>, as
they will not
be parsed
.
115| };
116| </script>
117|
|
118| <style scoped>
| ^^^^^^^^^^^^^^
119| @import '
./css/AdminDashboard
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
120| </style>
| ^^^^^^^^
tag <el-table-column> has no matching end tag
.
103| <el-table :data="lates
tOrders" style="width: 100%" border size="small">
104| <el-table-column prop="orderNo" la
bel="订单编号" min-width="180"></el-table-column>
105| <el-table-column prop="
totalAmount" la
bel="订单金额" min-width="100">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
106| <template slot-scope="scope">
107| ¥{{ scope
.row
.totalAmount
.toFixed(2) }}
tag <el-table> has no matching end tag
.
101| </div>
102| <div class="latest-content">
103| <el-table :data="lates
tOrders" style="width: 100%" border size="small">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
104| <el-table-column prop="orderNo" la
bel="订单编号" min-width="180"></el-table-column>
105| <el-table-column prop="
totalAmount" la
bel="订单金额" min-width="100">
tag <div> has no matching end tag
.
100| <el-link type="primary" @click="viewAllOrders">查看全部 <i class="el-icon-arrow-right"></i></el-link>
101| </div>
102| <div class="latest-content">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
103| <el-table :data="lates
tOrders" style="width: 100%" border size="small">
104| <el-table-column prop="orderNo" la
bel="订单编号" min-width="180"></el-table-column>
tag <div> has no matching end tag
.
95 | <!-- 订单和用户信息区域 -->
96 | <div class="latest-section">
97 | <div class="latest-card">
| ^^^^^^^^^^^^^^^^^^^^^^^^^
98 | <div class="latest-header">
99 | <h3>最新订单信息</h3>
tag <div> has no matching end tag
.
94 |
95 | <!-- 订单和用户信息区域 -->
96 | <div class="latest-section">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
97 | <div class="latest-card">
98 | <div class="latest-header">
tag <div> has no matching end tag
.
1 |
2 |
3 | <div class="admin-dashboard-container">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
4 | <div class="page-header">
5 | <h2>仪表盘</h2>
ERROR in
./src/views/admin/Marketing
.vue?vue&type=template&id=2760991c&scoped=true (
./node_modules/ba
bel-loader/lib/index
.js??clonedRuleSet-40
.use[0]!
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js??ruleSet[1]
.rules[3]!
./node_modules/@vue/vue-loader-v15/lib/index
.js??vue-loader-options!
./src/views/admin/Marketing
.vue?vue&type=template&id=2760991c&scoped=true)
Module Error (from
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <script>, as
they will not
be parsed
.
61 |
62 | </template>
63 |
|
64 | <script>
| ^^^^^^^^
65 | import MarketingJS from '
./js/Marketing
.js';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
66 |
|
67 | export default {
| ^^^^^^^^^^^^^^^^
68 |
...MarketingJS
| ^^^^^^^^^^^^^^^^
69 | };
| ^^
70 | </script>
| ^^^^^^^^^
71 |
|
72 | <style scoped>
| ^^^^^^^^^^^^^^
73 | @import '
./css/Marketing
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
74 | </style>
| ^^^^^^^^
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <style>, as
they will not
be parsed
.
69 | };
70 | </script>
71 |
|
72 | <style scoped>
| ^^^^^^^^^^^^^^
73 | @import '
./css/Marketing
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
74 | </style>
| ^^^^^^^^
tag <el-table-column> has no matching end tag
.
55 | <el-table :data="couponList" style="width: 100%;" border size="small">
56 | <el-table-column type="index" width="50" la
bel="序号"></el-table-column>
57 | <el-table-column prop="name" la
bel="优惠券名称" min-width="180">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
58 | <template slot-scope="scope">
59 | <div class="coupon-name">{{ scope
.row
.name }}</div>
tag <el-table> has no matching end tag
.
53 |
54 | <!-- 优惠券列表 -->
55 | <el-table :data="couponList" style="width: 100%;" border size="small">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
56 | <el-table-column type="index" width="50" la
bel="序号"></el-table-column>
57 | <el-table-column prop="name" la
bel="优惠券名称" min-width="180">
tag <div> has no matching end tag
.
12 | <!-- 优惠券管理 -->
13 | <el-tab-pane la
bel="优惠券管理" name="coupons">
14 | <div class="tab-content">
| ^^^^^^^^^^^^^^^^^^^^^^^^^
15 | <!-- 操作按钮 -->
16 | <div class="action-bar">
tag <el-tab-pane> has no matching end tag
.
11 | <el-tabs v-model="activeTab" class="marketing-tabs">
12 | <!-- 优惠券管理 -->
13 | <el-tab-pane la
bel="优惠券管理" name="coupons">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
14 | <div class="tab-content">
15 | <!-- 操作按钮 -->
tag <el-tabs> has no matching end tag
.
9 | <div class="content-card">
10 | <!-- 选项卡 -->
11 | <el-tabs v-model="activeTab" class="marketing-tabs">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
12 | <!-- 优惠券管理 -->
13 | <el-tab-pane la
bel="优惠券管理" name="coupons">
tag <div> has no matching end tag
.
7 | </div>
8 |
9 | <div class="content-card">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^
10 | <!-- 选项卡 -->
11 | <el-tabs v-model="activeTab" class="marketing-tabs">
tag <div> has no matching end tag
.
1 |
2 |
3 | <div class="admin-marketing-container">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
4 | <div class="page-header">
5 | <h2>营销管理</h2>
ERROR in
./src/views/admin/OrdersList
.vue?vue&type=template&id=d6917ac6 (
./node_modules/ba
bel-loader/lib/index
.js??clonedRuleSet-40
.use[0]!
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js??ruleSet[1]
.rules[3]!
./node_modules/@vue/vue-loader-v15/lib/index
.js??vue-loader-options!
./src/views/admin/OrdersList
.vue?vue&type=template&id=d6917ac6)
Module Error (from
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
tag <el-but
ton> has no matching end tag
.
114| {{ scope
.row
.orderStatus === 'WAIT_PAY' ? '催付' : '发货' }}
115| </el-but
ton>
116| <el-but
ton size="small" type="danger" @click="cancelOrder(scope
.row)"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
117| v-if="scope
.row
.orderStatus === 'WAIT_PAY'">取消订单</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
118| </template>
tag <el-but
ton> has no matching end tag
.
109| <el-table-column la
bel="操作" min-width="180" fixed="right">
110| <template slot-scope="scope">
111| <el-but
ton size="small" @click="viewOrderDetail(scope
.row
.orderNo)">查看详情</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
112| <el-but
ton size="small" type="primary" @click="processOrder(scope
.row)"
113| v-if="scope
.row
.orderStatus === 'WAIT_PAY' || scope
.row
.orderStatus === 'WAIT_SHIP'">
tag <el-but
ton> has no matching end tag
.
138| <span class="selected-count">已选择 {{ selectedOrders
.length }} 条订单</span>
139| <el-but
ton size="small" type="danger" @click="batchCancelOrders">批量取消</el按钮>
140| <el-but
ton size="small" type="primary" @click="batchExpor
tOrders">批量导出</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
141| </div>
142| </div>
tag <el-but
ton> has no matching end tag
.
137| <div class="batch-operations" v-if="selectedOrders
.length > 0">
138| <span class="selected-count">已选择 {{ selectedOrders
.length }} 条订单</span>
139| <el-but
ton size="small" type="danger" @click="batchCancelOrders">批量取消</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
140| <el-but
ton size="small" type="primary" @click="batchExpor
tOrders">批量导出</el按钮>
141| </div>
tag <el-input> has no matching end tag
.
158| </el-
form-item>
159| <el-
form-item la
bel="物流单号" prop="trackingNum
ber">
160| <el-input v-model="ship
Form
.trackingNum
ber" placeholder="请输入物流单号"></el输入>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
161| </el-
form-item>
162| <el-
form-item la
bel="发货备注">
tag <el-input> has no matching end tag
.
161| </el-
form-item>
162| <el-
form-item la
bel="发货备注">
163| <el-input v-model="ship
Form
.remark" type="textarea" placeholder="可输入发货说明" :rows="3"></el输入>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
164| </el-
form项>
165| </el-
form>
tag <el-
form-item> has no matching end tag
.
160| <el-input v-model="ship
Form
.trackingNum
ber" placeholder="请输入物流单号"></el输入>
161| </el-
form-item>
162| <el-
form-item la
bel="发货备注">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^
163| <el-input v-model="ship
Form
.remark" type="textarea" placeholder="可输入发货说明" :rows="3"></el输入>
164| </el-
form项>
tag <el-but
ton> has no matching end tag
.
166| <div slot="footer" class="dialog-footer">
167| <el-but
ton @click="shipDialogVisible = false">取消</el按钮>
168| <el-but
ton type="primary" @click="submitShipment">确认发货</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
169| </div>
170| </el-dialog>
tag <el-but
ton> has no matching end tag
.
165| </el-
form>
166| <div slot="footer" class="dialog-footer">
167| <el-but
ton @click="shipDialogVisible = false">取消</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
168| <el-but
ton type="primary" @click="submitShipment">确认发货</el按钮>
169| </div>
Component template
should contain exactly one root element
. If you are using v-if on multiple elements, use v-else-if
to chain
them instead
.
143|
144| <!-- 发货对话框 -->
145| <el-dialog title="订单发货" :visible
.sync="shipDialogVisible" width="500px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
146| <el-
form :model="ship
Form" :rules="ship
FormRules" ref="ship
Form" la
bel-width="100px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
147| <el-
form-item la
bel="订单编号">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
148| <el-input v-model="ship
Form
.orderNo" disabled></el-input>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
149| </el-
form-item>
| ^^^^^^^^^^^^^^^^^^^^^
150| <el-
form-item la
bel="物流公司" prop="shippingCompany">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
151| <el-select v-model="ship
Form
.shippingCompany" placeholder="请选择物流公司">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
152| <el-option la
bel="顺丰速运" value="SF"></el-option>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
153| <el-option la
bel="圆通速递" value="YT"></el-option>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
154| <el-option la
bel="中通快递" value="ZT"></el-option>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
155| <el-option la
bel="申通快递" value="ST"></el-option>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
156| <el-option la
bel="京东物流" value="JD"></el-option>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
157| </el-select>
| ^^^^^^^^^^^^^^^^^^^^
158| </el-
form-item>
| ^^^^^^^^^^^^^^^^^^^^^
159| <el-
form-item la
bel="物流单号" prop="trackingNum
ber">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
160| <el-input v-model="ship
Form
.trackingNum
ber" placeholder="请输入物流单号"></el输入>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
161| </el-
form-item>
| ^^^^^^^^^^^^^^^^^^^^^
162| <el-
form-item la
bel="发货备注">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
163| <el-input v-model="ship
Form
.remark" type="textarea" placeholder="可输入发货说明" :rows="3"></el输入>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
164| </el-
form项>
| ^^^^^^^^^^^^^^^^^
165| </el-
form>
| ^^^^^^^^^^^^^^
166| <div slot="footer" class="dialog-footer">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
167| <el-but
ton @click="shipDialogVisible = false">取消</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
168| <el-but
ton type="primary" @click="submitShipment">确认发货</el按钮>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
169| </div>
| ^^^^^^^^^^
170| </el-dialog>
| ^^^^^^^^^^^^^^
171| </div>
| ^^^^^^
ERROR in
./src/views/admin/ProductsList
.vue?vue&type=template&id=06c7319c (
./node_modules/ba
bel-loader/lib/index
.js??clonedRuleSet-40
.use[0]!
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js??ruleSet[1]
.rules[3]!
./node_modules/@vue/vue-loader-v15/lib/index
.js??vue-loader-options!
./src/views/admin/ProductsList
.vue?vue&type=template&id=06c7319c)
Module Error (from
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <script>, as
they will not
be parsed
.
101|
102| </template>
103|
|
104| <script>
| ^^^^^^^^
105| import ProductsListJS from '
./js/ProductsList
.js'
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
106|
|
107| export default {
| ^^^^^^^^^^^^^^^^
108|
...ProductsListJS
| ^^^^^^^^^^^^^^^^^^^
109| }
| ^
110| </script>
| ^^^^^^^^^
111|
|
112| <style scoped>
| ^^^^^^^^^^^^^^
113| @import '
./css/ProductsList
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
114| </style>
| ^^^^^^^^
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <style>, as
they will not
be parsed
.
109| }
110| </script>
111|
|
112| <style scoped>
| ^^^^^^^^^^^^^^
113| @import '
./css/ProductsList
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
114| </style>
| ^^^^^^^^
tag <el-table-column> has no matching end tag
.
94 | <el-table-column type="selection" width="55"></el-table-column>
95 | <el-table-column prop="id" la
bel="商品ID" width="100"></el-table-column>
96 | <el-table-column la
bel="商品图片" width="80">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
97 | <template slot-scope="scope">
98 | <el-image :src="scope
.row
.mainImage" :preview-src-list="[scope
.row
.mainImage]"
tag <el-table> has no matching end tag
.
89 | <!-- 商品列表表格 -->
90 | <div class="table-section">
91 | <el-table :data="productsData" style="width: 100%" stripe border
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
92 | @selection-change="handleSelectionChange"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
93 | @row-click="handleRowClick">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
tag <div> has no matching end tag
.
88 |
89 | <!-- 商品列表表格 -->
90 | <div class="table-section">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^
91 | <el-table :data="productsData" style="width: 100%" stripe border
92 | @selection-change="handleSelectionChange"
tag <div> has no matching end tag
.
7 | </div>
8 |
9 | <div class="content-card">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^
10 | <!-- 操作按钮栏 -->
11 | <div class="action-bar">
tag <div> has no matching end tag
.
1 |
2 |
3 | <div class="admin-products-container">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
4 | <div class="page-header">
5 | <h2>商品管理</h2>
ERROR in
./src/views/admin/UsersList
.vue?vue&type=template&id=2e29edbc (
./node_modules/ba
bel-loader/lib/index
.js??clonedRuleSet-40
.use[0]!
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js??ruleSet[1]
.rules[3]!
./node_modules/@vue/vue-loader-v15/lib/index
.js??vue-loader-options!
./src/views/admin/UsersList
.vue?vue&type=template&id=2e29edbc)
Module Error (from
./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader
.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <script>, as
they will not
be parsed
.
102|
103| </template>
104|
|
105| <script>
| ^^^^^^^^
106| import UsersListJS from '
./js/UsersList
.js';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
107|
|
108| export default {
| ^^^^^^^^^^^^^^^^
109|
...UsersListJS
| ^^^^^^^^^^^^^^^^
110| };
| ^^
111| </script>
| ^^^^^^^^^
112|
|
113| <style scoped>
| ^^^^^^^^^^^^^^
114| @import '
./css/UsersList
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
115| </style>
| ^^^^^^^^
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your
templates, such as <style>, as
they will not
be parsed
.
110| };
111| </script>
112|
|
113| <style scoped>
| ^^^^^^^^^^^^^^
114| @import '
./css/UsersList
.css';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
115| </style>
| ^^^^^^^^
tag <el-table-column> has no matching end tag
.
93 | <el-table-column type="selection" width="55"></el-table-column>
94 | <el-table-column prop="id" la
bel="用户ID" width="100"></el-table-column>
95 | <el-table-column la
bel="头像" width="80">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
96 | <template slot-scope="scope">
97 | <el-avatar :src="scope
.row
.avatar"
tag <el-table> has no matching end tag
.
88 | <!-- 用户列表表格 -->
89 | <div class="table-section">
90 | <el-table :data="usersData" style="width: 100%" stripe border
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
91 | @selection-change="handleSelectionChange"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
92 | @row-click="handleRowClick">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
tag <div> has no matching end tag
.
87 |
88 | <!-- 用户列表表格 -->
89 | <div class="table-section">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^
90 | <el-table :data="usersData" style="width: 100%" stripe border
91 | @selection-change="handleSelectionChange"
tag <div> has no matching end tag
.
7 | </div>
8 |
9 | <div class="content-card">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^
10 | <!-- 操作按钮栏 -->
11 | <div class="action-bar">
tag <div> has no matching end tag
.
1 |
2 |
3 | <div class="admin-users-container">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
4 | <div class="page-header">
5 | <h2>用户管理</h2>
ERROR
[eslint]
C:\Users\Lenovo\Desk
top\电子商务平台系统\ecommerce-project\frontend\src\views\FAQ
.vue
54:33 error 'index' is defined but never used vue/no-unused-vars
C:\Users\Lenovo\Desk
top\电子商务平台系统\ecommerce-project\frontend\src\views\admin\Marketing
.vue
146:105 error Parsing error: x-invalid-end-tag vue/no-parsing-error
147:140 error Parsing error: x-invalid-end-tag vue/no-parsing-error
148:140 error Parsing error: x-invalid-end-tag vue/no-parsing-error
166:15 error Parsing error: x-invalid-end-tag vue/no-parsing-error
196:98 error Parsing error: x-invalid-end-tag vue/no-parsing-error
201:15 error Parsing error: x-invalid-end-tag vue/no-parsing-error
213:70 error Parsing error: x-invalid-end-tag vue/no-parsing-error
228:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
238:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
244:93 error Parsing error: x-invalid-end-tag vue/no-parsing-error
252:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
260:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
264:63 error Parsing error: x-invalid-end-tag vue/no-parsing-error
273:72 error Parsing error: x-invalid-end-tag vue/no-parsing-error
282:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
292:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
299:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
309:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
326:96 error Parsing error: x-invalid-end-tag vue/no-parsing-error
328:86 error Parsing error: x-invalid-end-tag vue/no-parsing-error
330:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
338:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
341:62 error Parsing error: x-invalid-end-tag vue/no-parsing-error
342:66 error Parsing error: x-invalid-end-tag vue/no-parsing-error
351:66 error Parsing error: x-invalid-end-tag vue/no-parsing-error
352:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
359:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
371:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
373:70 error Parsing error: x-invalid-end-tag vue/no-parsing-error
374:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
384:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
387:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
395:9 error Parsing error: x-invalid-end-tag vue/no-parsing-error
398:55 error Parsing error: x-invalid-end-tag vue/no-parsing-error
399:59 error Parsing error: x-invalid-end-tag vue/no-parsing-error
C:\Users\Lenovo\Desk
top\电子商务平台系统\ecommerce-project\frontend\src\views\admin\OrderDetail
.vue
91:15 error 'orderId' is assigned a value but never used no-unused-vars
C:\Users\Lenovo\Desk
top\电子商务平台系统\ecommerce-project\frontend\src\views\admin\OrdersList
.vue
279:0 error Parsing error: Unexpected
token
104 | }
105 | return map든
> 106 |
| ^
C:\Users\Lenovo\Desk
top\电子商务平台系统\ecommerce-project\frontend\src\views\user\js\FAQ
.js
104:28 error Do not access Object
.pro
totype method 'hasOwnProperty' from target object no-pro
totype-b
uiltins
✖ 39 problems (39 errors, 0 warnings)
本文探讨了在Vue项目中，由于实例挂载元素ID重复导致的问题及解决方案。具体表现为在index.html和top.html中同时定义了相同的ID，引发模板解析错误。解决策略包括修改index.html中的元素ID或调整Vue挂载点的ID，避免冲突。
扫一扫
791
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
