### vue+webpack构建中遇到的问题

最新推荐文章于 2023-05-22 17:14:35 发布

weixin_34419326

最新推荐文章于 2023-05-22 17:14:35 发布

阅读量865

点赞数

文章标签： javascript webpack ViewUI

原文链接：https://juejin.im/post/5b2db42de51d4558d726f4a0

版权

报如下错误要安装VueLoaderPlugin
ERROR in ./src/App.vue?vue&type=template&id=7ba5bd90 Module parse failed: Unexpected token (2:0) You may need an appropriate loader to handle this file type. | | <div id="app"> | <h2>{{msg}}</h2> | <div class="nav-box"> @ ./src/App.vue 1:0-81 @ ./src/main.js
运行成功后不知道跳到哪里去了要安装并配置HtmlWebpackPlugin
new HtmlWebpackPlugin({ filename:'./index.html', template:path.resolve(__dirname,'./index.html'), inject:true }),
运行成功后打开是空白页面 index.html里面的id要和main.js里面的配置匹配 import App from './App.vue' new Vue({ router, el: '#app',//这里的el与html里面的id要一样 render: h => h(App) }) 等价于 new Vue({ el: '#app', components: { App } });
看起来单页面就是一个App.vue 所有的组件都在这里的router-view里面渲染

转载于:https://juejin.im/post/5b2db42de51d4558d726f4a0