引入webpack打包的js 页面底部会多出object
换了别的没合并的js就没问题了。请问有人遇到过吗?
页面中
调试后台发现js后面带上了[object]
--------------------------------html-----------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<% include common.html %>
<link rel="stylesheet" href="/css/boilerNews/newspage.css" />
</head>
<body>
<% include header.html %>
<div class="news-content" id="news_page">
<!--<div class="content-th-info">
</div>-->
<div id="article-content">
<h4>{{ artTitle }}</h4>
<div>
<img v-bind:href="imgUrl" />
</div>
<div>
{{ articles }}
</div>
<!--<div>
<p>{{ viewCount }}</p>
</div>-->
</div>
</div>
<% include footer.html %>
<!--<script src="/js/newsjs/newsPage.js"></script>-->
<script src="/js/newsPage.bundle.js"></script>
</body>
</html>
----------------webpack.config.js--------------------------------
var webpack=require('webpack');
module.exports={
entry:{
monitor:"./public/js/monitor/monitor_entry.js",
alarm:"./public/js/boileralarm/alarm_entry.js",
newsPage:"./public/js/newsjs/page_entry.js",
newsMain:"./public/js/newsjs/news_entry.js"//news_main.html的js入口文件--打包成newsMain.bundle.js
},
//入口文件输出配置
output:{
path:"./public/js",//输出的位置,
filename:"[name].bundle.js"//输出的名称,[name]=main和[name]newsMain
},
module:{
loaders:[
{test: /\.css$/, loader: 'style!css!autoprefixer'}
]
}
}
谢邀。
首先我想谈的是题主的问题描述,“页面底部会多出object”,底部是指?
[object Object]
被直接输出到页面上了?还是出现在console
里?还有代码片段展示,想必题主对
markdown
格式可能不甚了解,那是不是应该认真按照sf提问编辑器的提示来贴代码(我确认在编辑器的右上角会出现一个教你怎么贴代码的提示,如果你没随意关掉的话),你这么胡乱一贴,格式难懂不说,也没显出你问问题的诚意有多少。再来说回问题,的确很难判断你的问题症结。如果真如我猜测,是
[object Object]
被直接输出到页面上了,那么使用检查元素
想必可以找到改内容所在的位置,再回头对应你的模版代码,看看相应位置是否真的写了什么输出的语句,由于某些原因,导致输出了错误的格式?