问题标签 [vue-cli-3]

我的问题不是关于检测未定义的对象属性。我正在尝试使用 npm 将 Leaflet.timeline 添加到 Vue-cli 3。我有一组功能（geoJSON），我正在尝试将它们添加到时间线，但是L.timeline会引发错误：

TypeError：无法读取未定义的属性“左下角”

在 leaflet.timeline 模块内

图书馆是否已弃用或我在这里遗漏了什么？

我是一个 Vue 菜鸟，只需要了解一些非常基本的东西。我习惯了 vue-cli 3，你有你的“App.vue”，这是你的根组件，当然你有你的<script>和<style>标签，就像任何其他组件一样。但是当我使用 vue-cli 3 启动一个 Vue 项目然后执行 avue add vuetify时，App.vue 不再包含这些标签，当我添加它们时，应用程序会中断！还有一个名为“views”的新文件夹？谁能帮我分解一下？很抱歉在这里问，但我在 Vuetify 的页面上找不到任何相关信息。

更新：

当我试图以同样的方式建立另一个项目时，发生了一些奇怪的事情——一切看起来都像我习惯的那样。运行后选择以下选项vue add vuetify：

我意识到该/views文件夹​​来自在该项目中安装了 vue-router，我猜这可能与主App.vue文件不接受<script>或<style>标签有关？我将重新访问 vue-router 文档，但这里的任何其他输入将不胜感激。

这里是使用 Vue 前端开发的指南

https://symfony.com/doc/current/frontend/encore/vuejs.html

但是如何使用 vue-cli 3 和 Symfony 4 来做到这一点？

设想

这是我的配置：

还有一个链接会很好:)

我在地图上的不同图层中使用单选按钮控件显示了相同的 GeoJSON 数据：点为 circleMarker，点为 heatMap，点为 clusterGroup。我正在尝试使用这些图层控制组添加时间线。我的图层组工作正常，并且我设法使时间线正常工作，将其直接添加到地图中，如示例中所示：

问题是当我尝试将时间线添加到现有图层时，我可以使用 groupedLayer 进行切换：

Leaflet.timeline 库引发 TypeError: Cannot read property 'bottomleft' of undefined

我正在尝试制作一个 vue 组件，它是Owl Carousel的包装器。但是当我尝试将此组件用于另一个组件时，我收到一条错误消息， [Vue warn]: Failed to mount component: template or render function not defined.

链接到我的 github 仓库。

这是我如何将该组件用于另一个组件，

• webpack.config.js
• .babelrc
• 包.json
• 轮播.vue
• main.js

这是整个错误跟踪，

谢谢。

使用 vue cli 3 创建新项目后，出现此错误：

GET http://192.168.1.13:8080/sockjs-node/info?t=1538257166715 net::ERR_CONNECTION_TIMED_OUT sockjs.js?9be2:1605

操作系统：Windows 10

我有这个没有意义的奇怪错误。意思是isGenretype 上不存在Vue，但ìsGenre实际上是一个计算属性

错误

Main.ts

tsconfig.js

tslint.js

我们有一个 vue-cli 3 项目。它工作得很好，编译没有问题。

事实是我们必须支持只支持 ES5 代码的旧浏览器。

在项目中我们集成了一些用 ES6 编写的外部库（reconnecting-websocket是一个例子）。

问题

使用这些外部编译我们的项目后，vue-cli 生成的代码具有 ES6 代码。

例如我们chunk-vendors.js有这个代码：

带有 ES6 胖箭头功能const o=()=>{。因此，在旧浏览器中运行此代码会中断。

这是我们的.browserlistrc文件，因为它似乎是在 Vue CLI 3 中添加浏览器支持的推荐方式：

似乎 vue CLI 正确地转换了 ES5 中的应用程序代码。但它不会对供应商进行另一次传递。

有什么方法可以使用 CLI v3 配置 vue 项目，以在构建后进行最终转译，以确保文件都与 ES5 兼容？

我们认为嵌入式 babel 和 webpack 会自动完成，但似乎并非如此。

我们尝试使用该transpileDependencies选项，vue.config.js但它没有改变任何东西，并且在供应商块中仍然存在粗箭头。

下午好。

我想知道是否可以将config.json文件添加到可以在运行时读取的 Vue CLI 3 项目中，无论是在开发期间还是在生产期间。

config.json文件将包含一些字符串，应用程序可以使用这些字符串来动态更改内容，例如显示给用户的视频文件和打印机的 IP 地址。

我试图将文件放在资产文件夹和公用文件夹中。我尝试使用 import 和 require 语句将它导入到App.vue的脚本 lang="ts"元素中。我正在使用 vue-property-decorator。

我通过使用 axios 像 API 一样处理它并使用例如config.brand简单地访问变量来访问这些值。

不幸的是，数据仅在构建时读取并编译成缩小的 JavaScript。这意味着即使用户在构建应用程序后更新了config.json中的变量，应用程序也不会更新。我需要能够访问构建文件中的config.json，更新一个值，然后让应用程序在运行时读取新值，而无需再次构建项目。我想知道是否有可能做到这一点。

您可以提供的任何帮助将不胜感激。

我有一个使用 WebSockets 的常规 Vue.js 项目（使用 v3.0.3 创建）。项目根/server目录中还有包含 Node.js 代码的文件夹，其中包含多人方面和套接字代码。

但是，由于该文件夹/server独立/src于 Vue.js 项目中的文件夹，我如何利用 Vue CLI webpack 配置并添加 babel 编译（使用 Webpack）来适当地编译/src

https://cli.vuejs.org/guide/webpack.html#simple-configuration