问题标签 [vue-loader]

使用 vuejs 1 的代码是：

组件在哪里Index。

我尝试将其转换为 vue 2，如下所示：

但这给出了一个[Vue warn]: Error when rendering root instance.

重写这个的正确方法是什么？

谢谢

背景

从一个新的 vue.js (2.0) 项目开始。我vue-cli在其他项目（vuejs-templates/webpack）中工作过，发现在进行任何类型的更改时很难掌握构建过程。最重要的是，webpack 因其缺乏文档而臭名昭著，因此即使对构建过程进行微小的调整，也需要做大量的工作。总的来说，我相信我对 webpack 和 vue-loader 都了解。我仍然很难全面了解vuejs-templates/webpack。

问题

我正在考虑为这个应用程序滚动我自己的 webpack 配置，但我担心我最终会得到一个与当前vuejs-templates/webpack. 我的计划是从vuejs-templates/webpack-simple 开始，不要让事情过于复杂。我想到的是一个位于vuejs-templates/webpack-simple和之间的配置/构建过程vuejs-templates/webpack。

我很想看看其他人（也许我有更多的经验）对vuejs-templates/webpack. 想知道随着项目的发展，它是否会变得更难使用，或者最终是否会变得有意义。

滚动我自己的 webpack 配置/构建过程是否有意义，或者我应该把它吸起来并使用vuejs-templates/webpack？

我正在尝试使用 webpack 的加载器vue-loader测试我的 Vue.js 组件。我正在关注他们的教程，但事情并没有按预期进行。这是我的组件：

这是我的规格文件：

我使用业力来运行我的测试。这是业力配置文件：

这是用于预处理的 webpack 配置：

这是 app.spec.js，它是 karma 加载的测试的入口点。它负责加载所有规范文件：

现在，当我使用 karma 运行测试时，出现以下错误：

我不知道为什么会发生这种情况，或者这个错误意味着什么，这对我来说有点神秘。有人可以指出我的错误并解释吗？

在我们的项目中，我们使用的是 VueJS，我们有很多代码，如下所示：

<template lang="jade"> div(v-bind:class='`type-${type}`') Hello world! </template>

但是，它在 IE 11 中不起作用，因为 IE 不支持字符串模板功能，而且 Babel 似乎无法转译这个字符串，因为它的解释涉及一些 VueJS 魔法，而 Babel 将其视为一个字符串。这是一条错误消息：

除了手动重写所有此类代码之外，是否有任何解决此问题的方法？

我们使用的是 Vue 1.0，vue-loader对于单文件组件的支持，配置如下所示：

我正在制作一个 Vue 2 组件。但是当我npm link在其他项目中导入它时（我正在将它导入到一个随机组件中：）import InputTag from 'vue-input-tag'我看到了这个：

Failed to mount component: template or render function not defined. (found in component <input-tag>)

有任何想法吗？我要疯了。

这是回购：https ://github.com/matiastucci/vue-input-tag/tree/wtf

谢谢！

由于某种原因，在我的 webpack/vue-loader 应用程序的 de html 代码中出现 -enter-active 和 -leave-active 且默认超时的情况下，不可能产生过渡效果。

在处理了一些缺少动画的问题后，我从我的 webproject 中的vue-guide复制/粘贴了以下代码。即使是下面这个简单的例子也根本不起作用。

还有其他人遇到这个问题吗？

索引.html

我的 main.js 文件：

**我通过添加 css class fade-enter-active, .fade-leave-active 解决了上面的代码 **

但是，相同的原理在我在 Vue.component 中创建的图像滑块中仍然不起作用。代码看起来像这样。

vue-cli我很难在一个自举项目中找出一些功能。我不想使用，webpack-dev-server因为我想使用我自己的快速应用程序来提供index.html文件和build.js文件。所以我决定从头开始使用 Webpack 设置 Vue 2.0。

我在运行时遇到了错误webpack，

我不断收到此错误，从外观上看，它vue-loader并没有考虑App.vue到main.js. 我遇到vue-html-loader了另一个 SO 答案，但我想那是针对旧版本的 Vue。

App.vue和从版本中保持main.js不变。vue-cli

这是我的package.json依赖项，它与原始 vue-cli 依赖项的不同之处在于不安装webpack-dev-server,cross-env和file-loader.

我的webpack.config.js不包含我认为不必要的 vue-cli 版本中的某些部分。

该项目的webpack.config.js文件vue-cli是：

任何帮助，将不胜感激。如果你能指导我到一个我可以学习使用vue-cli脚手架项目的地方，并且express没有webpack-dev-server.，那就太好了！

我是 vue.js 的新手。我开始迁移我的 angularjs 应用程序。我正在使用 vue cli 生成一个新的 simple-webpack 项目。这将创建一个新的 webpack+vueLoader 项目。一切都很顺利，但现在我有一个问题。在我的@click 事件中，我想更改我的数据，但我无法访问该对象。'this' 不是数据实例。

我在这里想念什么？

这不是预期的数据实例，因此 ui 未更新。在 vuejs doc 中，我可以看到在方法中解决这个问题就足够了： vue js doc

任何帮助表示赞赏。

亲切的问候。

我是 vue.js 的新手。我开始迁移我的 angularjs 应用程序。我正在使用 vue cli 生成一个新的 simple-webpack 项目。这将创建一个新的 webpack+vueLoader 项目。一切都很顺利，但现在我有一个问题。在我的@click 事件中，我更改了部分 Vue 实例数据，但我看不到它反映在 UI 上。我可以通过 Vue 开发工具看到该实例已正确更新。

我更新了我的 ajax 成功回调中的项目：

我知道 vuejs 使用 getter 实现了它的反应性，因此不需要其他任何东西。缺少什么？

任何帮助表示赞赏。

亲切的问候。

我正在制作一个 Vue 应用程序，其中一个依赖项由于调用未定义的函数而失败：

vue-range-slider.cjs.js:150Uncaught ReferenceError: _h is not defined

我认为这可能是由于对等依赖项更新和破坏，所以我从 package.json 中删除了所有 ^ 字符

问题仍然存在。我可以采取哪些进一步的故障排除步骤？