zoukankan      html  css  js  c++  java
  • [排错] Vue 初学者常见错误

    1. Vue 下基于webpack模板的新项目无法生成

    vue init webpack my-project
    

    报错:

    vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

    解决:

     更新npm  安装全局插件  windows需重启一下

    npm update -g @vue
    
    npm i -g @vue/cli-init
    

      

     2. 新建vue组件,不能正常访问;同样的代码,复制的组件却可以正常访问。

    解决:

    安装了eslint之后报的格式错误!我直接不使用eslint就行了!
    项目里面config配置文件 -------> index.js文件
     
    在config/index.js文件里把useEslint:true把 true改为false就解决了
    

      

    3. 页面中不能显示message中的信息,但是在div中自己编辑却能够显示。

    <template>
      <div>
    
      </div>
    </template>
    
    <script>
    export default {
      data () {
        return {
          message: '你好Vue!本消息来自于变量'
        }
      }
    }
    </script>
    
    <!-- Add "scoped" attribute to limit CSS to this component only -->
    <style scoped>
    
    </style>
    

     解决:需要把相应的变量绑定进去

    {{message}}
    

      

    4. 使用http请求后台数据,总是链接出错,得不到结果

    解决:在config/index.js中增加一下内容,解决javascript在浏览器中无法发送跨域请求的问题(但并未跨域请求,没有更改相应的路由啊)

     // javascript在浏览器中是无法发送跨域请求的,开发模式下可用。生产模式下只能靠服务器的nginx特性来解决。
        proxyTable: {
          'api': {
            target: 'http://siwei.me',
            changeOrigin: true,
            pathRewrite: {
              '^/api': ''
            }
          }
        },
    

      

    5. 打包build时,出现Opening index.html over file:// won't work.

    解决:

    改configindex.js中的build的对象
    assetsPublicPath: '/',
    
    改为
    assetsPublicPath: './',
    即可
    

      

    当然也可以在dist,执行以下命令:

    cd dist
    npm install -g http-server
    hs
    

      

  • 相关阅读:
    线性筛2 筛约数个数
    背包板子
    线段树(指针板子)
    10.11 模拟赛(QBXT国庆Day3)
    10.6 体育成绩统计
    10.5 T3 DDP BZOJ 4712
    10.2模拟赛总结
    线性筛1
    CF165D Beard Graph
    2019 CSP-S第一轮(hsyz半日游)
  • 原文地址:https://www.cnblogs.com/tangdiao/p/14861643.html
Copyright © 2011-2022 走看看