typescript+vue踩过的坑-常见报错
端口冲突错误：需要改端口，当然现在vue0中的webpack 已经自己会根据你的端口号进行改正，从8080往后面进 行递增，不会发生端口号冲突的情况，在vue0中会经常出现。
原因应该是在初始传值，最多默认 data={}。我尝试在props里设置好默认值，但是依然报错 这么设置的props：这么设置，依然报错。 这个报错，应该是在父组件初始化了 data={}导致的。最终解决方法：加一个if判断，就可以了。
今天到公司，继续打开我的vue的项目，但是页面显示的是Cannot GET，打开控制台之后，发现有一篇红色报错。
如何解决把Vue项目部署到服务器上出现的问题
项目目录结构这是打包后的，所以有 dist 文件夹，打包方式：npm run build。webpack.config.js这里只是一小部分，因为这边最关键的就是 publicPath，下面会提，这边可以解决静态资源 404 无法引入的问题。
解决方案根据官方给出的解决方案原理你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。所以在tomcat服务器下你可以这么做。
vue开发中，当部署到服务器上的时候，刷新总丢页面。在vue文档里，虽然对history模式有过说明，但是怎么用。是一个问题。我的服务是Apache的，所以只粘贴了这一个。但是这个东西用在哪里还是不知道。
是因为程序自身的Bug导致页面加载异常。利用路由的懒加载实现组件的按需加载，这样配置后只有当路由被访问时才会加载对应的组件，而不是在加载首页的时候就直接加载即可恢复。
下面我就为大家分享一篇把vue-router和express项目部署到服务器的方法，具有很好的参考价值，希望对大家有所帮助。
虽然是解决方法很简单，但经此发现许多知识没掌握不得不梳理下。？HTTP 请求方式有许多种，有些请求会触发 CORS 预检请求。“需预检的请求”会使用 OPTIONS 方法发起一个预检请求到服务器，以获知服务器是否允许该实际请求。
Vue常见错误及解决方法:
1、vue由静态路由改为动态路由时，出现下面的错误 静态路由懒加载，当我们把router写死import()里面它是正常加载的，可是我们通过api接口拉取过来的数据时，发现是不报了上面的错。
2、在使用vue的时候，我们因为改变了页面的DOM结构，可能会遇见这样的告警信息，并且页面会被卡主，需要刷新才可以解决；但是，在实际项目中，这样的情况肯定是不允许出现的。
3、你可以尝试以下步骤来解决这个问题：打开 ./src/components/screen/ScreenMap.vue 文件并定位到第 1 行的第 6071 个字符处。检查这个位置附近的代码，看看是否有拼写错误或者缺少必要的符号。如果发现问题，修正它并保存文件。
4、这篇文章主要介绍了使用vue-aplayer插件时出现的问题的解决，现在分享给大家，也给大家做个参考。
5、原因应该是在初始传值，最多默认 data={}。
6、本文主要介绍了vue-cli中打包图片路径错误的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
关于vue无法侦听数组及对象属性的变化的解决方案
此时，我发现当config的name 或者label属性发生变化时，str是不会发生变化的，也就是没有监听到config发生的变化，可以用Vue.set(config， name， value)来解决。这是为什么呢？这是因为vue监听不到对象和数组的改动。
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。
检测对象的变化 受现代 JavaScript 的限制（以及废弃 Object.observe），Vue 不能检测到对象属性的添加或删除。
git不识别vue文件
出现这个问题，其实只要将node_modules卸载后，再重新装一次就行了。但是有时候删除node_modules目录下的文件夹，经常需要权限，然后点击继续，本来是以管理员身份删除的，但是最终还是删除失败。
首先完成Vue项目以后，在上传到github之前，需要修改一些配置才能通过github pages预览项目。
我的vue项目结构如下： 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的scripts配置)执行成功如下图所示：然后此时你会发现项目下多了一个 dist 文件夹，dist下文件便是项目打包之后生成的文件。
用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑。在vscode里新打开一个命令行终端，在终端窗口里使用vue对应的脚手架命令启动项目。通过快捷方式打开Visual Studio Code工具，然后新建静态页面。
用vscode开发vue,有很多报红,实际上没有错误,可以正常启动?
这个错误是因为你在 Vue 组件中使用了 class 和 style 作为对象字面量的属性，但 class 和 style 是 HTMLDivElement 的已知属性。
首先首先检查html片段，没有语法错误的话，就是一个检查语法格式的插件”vetur”引起的其次vscode-首选项-设置-搜索(vetur)。最后将vetur。validation。template设置为false就可以解决问题了。
卡死或系统崩溃：若计算机上安装有谷歌浏览器，在同时使用谷歌浏览器和VS Code时，出现VS Code卡死或者系统崩溃时，使用此方法优化：打开谷歌浏览器设置系统，关闭启用硬件加速。
在可以从 VS Code 调试你的 Vue 组件之前，你需要更新 webpack 配置以构建 source map。做了这件事之后，我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。
运行成功之后显示如下，之后就可以正常在chrome中调试。我用新建项目测试时，npm run serve 之后也会提示crbug/1173575， non-JS module files 。这个暂时不清楚是什么原因。
第一步，要支持 vue 文件的基本语法高亮 这里，我试过好3个插件： vue ， VueHelper 和 vetur ，最终选择使用 vetur 。安装插件： Ctrl + P 然后输入 ext install vetur 然后回车点安装即可。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
