问题标签 [vue-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1804 浏览

vue.js - .vue 文件未按预期编译

我正在尝试使用Webpack开发构建一个Vue 项目。一旦我在文件中添加标签,我就会在浏览器中收到一条错误消息。scriptApp.vueUnexpected token export

webpack 配置:

入口点——app.js

笔记:

  • 在我在文件中添加<script>标签之前,它工作得很好。App.vue

请告诉我我可能会错过什么。

提前致谢。

0 投票
12 回答
37774 浏览

unit-testing - 如何编写模拟 vue 组件中的 $route 对象的测试

我有一个包含类似语句的组件,如果我想测试该组件,我this.$route.fullPath应该如何模拟对象的值fullPath$route

0 投票
2 回答
4704 浏览

javascript - 如何访问另一个子组件中的插槽内容

以下问题:

我有一个依赖于其父 DOM 的 Vue.js 组件。但是当 prop 被传递时,它 ( this.$el) 是未定义的,可能是因为它还没有安装。

我的组件的 vue 模板文件如下所示:

使用上述组件的组件包括以下代码:

我想过等待父组件被挂载,但那样我似乎无法像上面那样保留模板,因为它总是会尝试立即访问方法(或变量)。

我该如何解决这个问题?

编辑:

这是父组件的模板。我真正需要的只是.articlediv 或插槽的内容。

0 投票
1 回答
1183 浏览

node.js - 在 vuejs 2 组件中导入 css/js 文件的问题

我有以下 .vue 组件文件:

现在我想只为这个组件包含一些css/js(由themeforest上的模板提供)文件。将它们包含在标签中似乎不起作用。知道有什么问题吗?

0 投票
4 回答
13069 浏览

javascript - 如何在 Vue SPA 中使用 npm 包

我已经使用 vue-loader 创建了 Vuejs 应用程序,现在我需要使用已安装的 npm 包,如下所示:

但我有这个错误:

剂量 Vuejs 需要特殊类型的包,或者它可以与任何 JavaScript 包一起使用,这个错误可以解决

0 投票
1 回答
1869 浏览

vue.js - Vue 2组件在其中切换动态组件后重新渲染

我有一个导入其他两个组件的主要组件:

  1. 管理页面
  2. 登录页面

在我的主要组件中:

在登录页面中,我有一个向主应用程序发出触发器的方法:

主要组件由 main.js 文件调用:

问题是,虽然当我在登录页面调用changeView函数时,发送了触发器并且主组件中的视图根据需要更改为adminPage,但是主页面被重新渲染并且视图返回到登录页面.

问题:为什么在更改“currentView”状态后主组件会重新渲染,如何将管理页面保留为视图。

0 投票
0 回答
176 浏览

webpack - Webpack vue loader,用不同的环境测试生产

我注意到您建议将其设置process.env.NODE_ENVproduction

使用 Webpack 的 DefinePlugin 指示生产环境,以便 UglifyJS 在缩小期间自动删除警告块。

有什么方法可以在不更改环境的情况下测试 vuejs 的生产版本,production因为我有一个环境preproduction,我想在推送到实际生产之前进行测试,并且生成的 JS 文件需要与生产环境相同,除了名称不同,我preproduction和我有一些不同的文件路径。

0 投票
2 回答
2498 浏览

webpack - webpack2 和 vue-loader – 类型错误(loader.charAt 不是函数)

所以我最近使用 webpack 1 设置了一个项目,并尝试将它升级到 webpack 2,因为它最近出现了。不幸的是,在使用以下方式捆绑我的 vue 组件时出现以下错误webpack --config webpack.production.config.js --progress

这就是我的 webpack.production.config.js 的样子:

引发此错误的 vue 组件如下所示:

由于它几乎是一个空组件,我认为该错误与 vue-loader 有关(可能与 webpack2 不兼容?)。

我查看了一些 github 问题,但似乎与我遇到的错误无关。

这是我的 package.json:

0 投票
0 回答
357 浏览

javascript - 预编译的 Vue.js 组件的按需渲染(webpack 2)

我正在尝试按需渲染 vue 组件。应用程序由 4 个部分组成,每个部分都应该在调用某个函数后渲染到 DOM,例如renderProducts()

我正在使用带有最新 vue-loader 的 webpack 2 (+ Vuex, Vuei18n, ...) 问题是,这仅在使用独立构建时有效(使用 webpack 别名为 vue: vue: 'vue/dist/vue.js')。

但我认为我可以做得更好,并使用仅运行时构建(并节省一些千字节)。

任何人都知道,我做错了什么?这是我的应用程序入口点(仅显示相关部分):

感谢您的任何帮助或建议!

0 投票
1 回答
1701 浏览

laravel-5.3 - Vue 2 Laravel 5.3 vue-toastr

注意:如果您未能在代码中发现任何缺陷或未出现控制台日志错误,请参阅建议答案的评论。

任何有 vue-toastr 经验的人请在以下方面提供帮助。我按照这里的说明进行操作。似乎在以下代码之后正确读取了 js(我猜)

这是我第一次将 css 导入 Vue 组件。做了一些研究,我认为我有 vue-loader 应该包括这里提到的 vue-style-loader (如果我错了,请纠正),我使用以下代码导入 vue-toastr css

我加载页面并单击按钮,但没有显示 toastr,也没有任何控制台日志错误。我在此附上我的代码的完整版本,请帮助。

编辑 1

在圆括号编辑之后,我尝试了它,但仍然没有弹出。但是每次我单击该按钮时,它似乎都在控制台日志中获取内容而没有任何错误。请帮忙! 网络

编辑#2

从下面的图片。似乎正在读取 vue-toast 并且页面中实际上存在 toastr 的元素。每次单击按钮时,vue-toast 的 div 中都会有更新,但从页面上看不到任何内容。

在此处输入图像描述