引入webpack打包的js 页面底部会多出[object object]这个有人遇到过吗?

引入webpack打包的js 页面底部会多出object
换了别的没合并的js就没问题了。请问有人遇到过吗?

页面中
clipboard.png

调试后台发现js后面带上了[object]

clipboard.png


--------------------------------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'}
            ]
        }
    
    }
阅读 2.5k
1 个回答

谢邀。

首先我想谈的是题主的问题描述,“页面底部会多出object”,底部是指?[object Object]被直接输出到页面上了?还是出现在console里?

还有代码片段展示,想必题主对markdown格式可能不甚了解,那是不是应该认真按照sf提问编辑器的提示来贴代码(我确认在编辑器的右上角会出现一个教你怎么贴代码的提示,如果你没随意关掉的话),你这么胡乱一贴,格式难懂不说,也没显出你问问题的诚意有多少。

最近可能内分泌失调^^,总爱对提问格式先做评价,见谅!不过题主对此真的仍需改进。

再来说回问题,的确很难判断你的问题症结。如果真如我猜测,是[object Object]被直接输出到页面上了,那么使用检查元素想必可以找到改内容所在的位置,再回头对应你的模版代码,看看相应位置是否真的写了什么输出的语句,由于某些原因,导致输出了错误的格式?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题