• Home
  • home > webfront > ECMAS > vue >

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

    Author：zhoulujun Date：

    之前工程都是用 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 一键搞定，现在来做这个，居然还折腾……

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


    转载本站文章《webpack4.x搭建vue工程，各种报错》,
    请注明出处：https://www.zhoulujun.cn/html/webfront/ECMAScript/vue/8132.html

    收藏
    上一篇：vue2.x入坑总结—回顾对比angularJS/React
    下一篇：再谈from属性EncType与axios封装—axios拦截与中断—源码浅析
    延伸阅读：