问题标签 [vue-loader]

我遇到了 vue-loader 无法识别 es2015 格式的问题。

以下是我正在采取的步骤：

此时文件正在由 webpack-dev-server 在 localhost:8080 成功托管。

当我修改App.vue并添加任何 es2015 内容时，我从 webpack-dev-server 收到错误消息：

这让我觉得没有安装 babel 的 es2015 预设，但它肯定与转换运行时一起在开发依赖项列表中：

加上vue-loader 的文档说 es2015 默认启用：

vue-loader 提供了许多很酷的特性：

ES2015 默认开启；

是否有我缺少的步骤或配置？

版本：

• Vue-cli：2.0.3
• npm：3.8.6
• 节点：6.0.0

我正在使用 vue-loader 并且遇到了一个问题，因为我在主 app.js 中创建了一个指令以在组件中使用，但无法在组件中使用该指令。

我收到这条消息：

应用程序.js

应用程序.vue

见证.vue

我希望你能帮助我。

嗨，我在 chrome 控制台中收到以下错误：

当我在Fire.vue (webpack vue-loader) 组件中使用以下代码时：

这是我的Fire.vue的完整代码：

它与我的财产无关，rootUrl只是为了保持代码清洁。我不确定这是否是由 Firebase 包中的错误引起的，或者我在为我的组件导入它时是否遗漏了一些东西。

我有一个带有动态（插值）src属性的图像。

<img src="./{{bar}}.jpg"/>

如何让 vue-loader 进行插值{{bar}}？

我正在使用 webpack + vue-loader 来创建 vuejs 应用程序。我有多个.vue组件文件。当我写这样的东西时：

import _ from 'lodash'

在andscript部分中，这会创建两个单独的 lodash 副本还是只是导入引用？ComponentA.vueComponentB.vue

我是 Vue.js 的新手，在使用带有子组件的组件时遇到了一些麻烦。我有以下.vue文件

应用程序.vue

滑块.vue

皮肤.vue

我正在尝试将皮肤子组件加载到组件中。除了皮肤子组件之外，一切都运行良好，因为它没有被编译。不过，我没有收到任何与编译或 vue 相关的错误。我还希望能够有几个这样的滑块组件实例

应用程序.vue

我不确定我做错了什么。

在使用 webpack (1.13.1) 和 vue-loader (8.5.3) 构建的 vue.js (1.0.26) 应用程序中，导入只是 svg 一部分的组件时出现问题。

这是一个有这个问题的回购

父组件：

子组件：

当 webpack 运行时，它会出现以下错误：

看起来加载器将 svg 部分解释为无效的 HTML。

我该如何解决这个问题？谢谢

我发现自己在每个 .vue 文件中重复相同的模式，以便使用变量等：

或者如果它嵌套在一个文件夹中，我必须记住要小心路径：

有没有办法settings.scss在我创建的每个 .vue 文件中全局导入该文件？我查看了文档并没有看到它，但也许我错过了它，或者这可能是我需要利用 webpack 来做的事情？

我尝试使用 HtmlWebPackPlugin 来生成我的 index.html 所以......

1. 我启动了一个新项目vue init webpack-simple#1.0 vue-html-webpack
2. 安装npm i -D html-webpack-plugin
3. 重命名index.html为entry-template.html
4. 配置webpack.config.js..

我加 ..

但是网络我启动应用程序npm run dev，返回 404（我想没有找到index.html）

我的entry-template.html

完整来源在这里

结果-> https://vue-html-webpack-ogqlguavxx.now.sh/

问题

如何在 Vue 1.0中使用HtmlWebpackPlugin ？

下面的简单代码让我很头疼，因为 some-component 和 root 实例都将错误记录到控制台而不是从 vuex 对象绑定。我可能在这里缺少什么？

在我的代码中，我调用了 Vue.use(Vuex)，但在这个小提琴中我不必（它说 Vuex 已经注册）。另外，请注意，如果您取消注释数据行，组件将正确呈现。

任何帮助是极大的赞赏。