问题标签 [vue-loader]

我想在我的 Vue 组件中加载一个 mp3 文件：（我正在使用 Vue-CLI 样板）

但我收到了这个错误：

Unexpected character ‘’ (1:3) You may need an appropriate loader to handle this file type.

这是一个演示错误的最小项目：https ://github.com/life4ants/vue-audio-test

这几天我看vue doc，学习组件。

但是有一件事让我很困惑

医生说有一些方法可以注册一个组件

全球注册

本地注册

这些注册已经定义了组件的名称（命名为'my-component'），这很酷

但是当我参考一些 vue + webpack 项目时，我发现他们喜欢使用下面的方式来注册组件

索引.html

应用程序.js

应用程序.vue

似乎组件没有描述它的名称，为什么组件仍然可以工作？

请帮忙。

我正在使用语义 UI CSS 框架制作 Vue 组件。我想做的是创建一个导入所有组件的语义.js（或者可能是一个语义.vue）文件，然后在我的 main.js 文件中导入该语义.js 文件。

换句话说，类似于以下内容：

src/components/semantic.js

src/main.js

我的目标是能够从 main.js 文件中决定我想要包含哪些组件，以及哪些组件不包含所有导入语句的文件。

关于如何做到这一点的任何想法/建议？

谢谢。

我正在使用 vue-loader，默认情况下，对于每个 vue 文件，您的视图中都有一个样式标签，这不是一件好事，根据 vue-loader 文档，我可以做到这一点

https://vue-loader.vuejs.org/en/configurations/extract-css.html 我的 webpack-config.js 文件

但是这段代码根本不起作用，行为是一样的。

我有 2 个 Vue-Cli webpack 项目（ClientApp 和 Lib）。Lib 是我的组件库（与其他项目共享）

问题

当我构建我的项目 ClientAppnpm run build时，出现以下错误：

问题

似乎错误来自文件中的箭头函数escape-key.js。这是 ES6 语法，UglifyJS 无法解析。Babel 不应该在 Uglify 之前先走吗？请注意，这适用于*.vue文件。

项目结构

ClientApp 的 webpack.base.conf.js 文件

请注意，Lib 有一个别名。

如果需要，请随时询问更多详细信息。

所以，这是我的 Api 服务组件，我正在使用 Axios：

和一些饲料成分

现在的错误：

有人可以帮忙吗？

例如，

会变成

如果我想要

我应该怎么办？我将 pug 与 vue-loader 一起使用，最好提供精确的配置。

非常感谢。

我对 Vue.js 很陌生，遇到了一个不应该太难解决的问题：我有一个单文件组件 (.vue)，它应该通过查看/管理另一个单文件组件的动态列表JS。

我的方法是这样的：

这会导致以下错误：

提前致谢。

我是一个 webpack 菜鸟。看起来vue-loader还没有用 webpack 2 更新。Webpack 有一个示例帮助器（LoaderOptionsPlugin），但我根本无法让它工作。这是被抛出的：

我的配置：

我不想仅仅为了完成这项工作而降级 webpack。我在选项中放置什么？我还没有找到任何例子......任何帮助都会很棒。谢谢！

使用 npm安装ioniconsv3.0.0 后，我在将字体导入我的应用程序时遇到了很多麻烦：

似乎指向了正确的道路，但是，我遇到了很多错误，例如

显然，这个问题源于字体文件，因为例如上面的文件实际上是ionicons.eot，而不是ionicons.eot?v=3.0.0-alpha.3。

我还在Github 上找到了一个 3 年前的讨论，并尝试了评论中建议的每个加载程序，但没有一个有效。我是 Vue 和 webpack 的新手，所以我不确定自己做错了什么。

问题：为了能够在我的应用程序中使用 vue-loader 使用 Ionicons（或 Font Awesome 或任何其他字体库），我需要做什么？