首页 > webfront > ECMAS > vue > > 正文

webpack4.x搭建vue工程,各种报错

发布人:zhoulujun    点击:

之前工程都是用 yeoman 命令yo 集成解决,但是现在到了P厂,各种奇葩的网络限制,没有办法,重新开始干!——后续准备做一番webpack的回

之前工程都是用 yeoman 命令yo 集成解决,但是现在到了P厂,各种奇葩的网络限制,没有办法,重新开始干!——后续准备做一番webpack的回顾

说实话,相比vue来说,更加热衷于react,但是活还是得干,vue走起

————然后,居然卡壳了

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

(found in

各种查,没有出错啊。为啥呢?

然后 只有google下,然后是官方的坑:

// import Vue from "vue";

import Vue from "vue/dist/vue.common.js";

再跑,又发现:

vue.common.js?5ee5:612 [Vue warn]: Failed to mount component: template or render function not defined.

found in

--->

       

索性重新google下,有说App.vue增加export

<script>

    export default {}

</script>

这个一看就是无用,还是顺手试了下了,果然无用,

还发现说

alias: {

            'vue$': 'vue/dist/vue.esm.js',

            '@': resolve('src'),

        }

或者:

 alias: {

            vue: 'vue/dist/vue.js'

        }

extensions: ['.js', '.vue', '.json'],

其实无用, 

又说,用require加载

const  App=require('./App.vue').default;

可以,项目出来了

import App from './App.vue';

这个不加vue,就加载不错来,报这个错!

之前直接是vue-cli 一键搞定,现在来做这个,居然还折腾……

赶紧继续干活,元旦封装成包,再分享出来