问题标签 [vue-loader]

每当我想构建文件时，我都会不断收到错误消息。它的原因是什么？似乎 .vue 文件无法被 webpack 识别，但 webpack 配置文件看起来正常。网页包错误

webpack.config.js

包.json

应用程序/应用程序.js

应用程序/应用程序.vue

这是我的模板部分：

显然它有 3 个组件：NavComponent、SidebarComponent、主组件区域，这些组件将被路由组件替换。

我有另一个组件ApplicationList组件，它何时将替换router-view上述模板的部分，应该会导致侧边栏组件的行为不同（例如，侧边栏变为隐藏或背景变为红色）。

那么我该怎么做呢？

您能帮忙从另一个 TypeScript2 Vuejs2 组件导入 TypeScript2 Vuejs2 组件吗？

目标模块（MyTable.vue）

源模块（App.vue）

我正在使用最新的 TS/Webpack/vue-loader/vue-class-component 版本。

请注意，类似的基于 JS（不是 TS）的代码正在工作 @ https://github.com/ratiw/vuetable-2-tutorial-bootstrap

所有代码都是@https ://github.com/borislitvak/vue-from-vue-question

Webpack 结果

我是客户端开发的新手，请帮助！

谢谢，

鲍里斯

我正在使用 es6 模块。在其中一些我使用 lodash。我的问题是 - 是否可以将 lodash 作为全局变量加载，或者应该分别在所有文件中导入？我在我的初始化程序中尝试了这个：

也是这样：

但它不起作用。在我的模块中，使用时出现错误，例如 _.truncate：

TypeError：无法读取未定义的属性“截断”

我想使用 Vue Loader 的模块化样式和文件格式（即，我在每个 .vue 文件中都有一个模板部分、脚本部分和样式部分）。

我不知道该怎么做（或者甚至可以做）是在 html 文件中使用我的自定义模板。

例如，在 App.vue 文件中，我可以使用以下代码：

这将用于在主页上显示自定义消息组件。

我想做的是在 html 文件中使用我的自定义组件。例如，在 index.html 文件中使用以下代码：

知道我该怎么做吗？谢谢。

注意：我是 Vue Loader 的新手，也是 Vue 的半新手（所以如果这个问题的答案很明显，我提前道歉）。

我设置了我的项目，并在配置文件中vue-loader添加了一些postcss插件。postcss

我想使用GSAP包（来自npm），我在哪里放置代码以便webpack可以注册它？

我正在遵循这个SO 答案以实现兄弟姐妹数据共享（通信）。

这是我的 ComponentA.vue：

组件B.vue：

这是我的 App.vue：

这是我的 application/index.js （共享模块）：

在上面，共享变量 sharedvar 在 ComponentB 中更新时不会更新它在 ComponentA 中的 div 中的值。

我已经尽力在 vue-loader 中复制那个 SO 答案中的jsfiddle，但不确定为什么这不起作用。如果有人需要尝试一下，这里是 github repo：https ://github.com/rahulserver/vueshared-vue-loader

那么我在哪里做错了，我该如何让它发挥作用呢？

（为什么这不是如何在另一个 JavaScript 文件中包含一个 JavaScript 文件？）

Javascipt + Vue + webpack + vue-loader noob... 遇到最简单的事情！

我有App.vue一个模板：

我已经isTokenAvailable以正常方式为 Vue inside 声明了该方法methods。它使用我在单独js文件中编写的函数：

mylib像这样开始：

当我运行该项目时，我收到以下警告：

我收集我没有正确导入或声明 javascript 模块......但似乎有很多方法可以做到这一点，加上 Vue 中范围界定的复杂性，我不确定什么是正确的方法做它？

提前致谢。

为什么这不是一个骗局：如何在另一个 JavaScript 文件中包含一个 JavaScript 文件？

似乎没有解决问题，特别是在 vuejs 的上下文中。

我试过这个：

将功能修改为：exports.myfunc = function()

我应该有一些其他的依赖才能工作吗？因为我得到一个不同的错误：

我使用这样的渲染功能：

.script.js：

但是 babel encoutners 错误说:click有 Unexpected 令牌。

.vue：

package.json：

webpack：

.babelrc：

当我运行时gulp dist，babel 会抛出如下错误：

Namespaced tags/attributes are not supported. JSX is not XML.\nFor attributes like xlink:href, use xlinkHref instead.

Vue.js 的新手在这里。在使用版本的 Mac OS 上：

我将webpack-simpleinit 与 vue-cli 一起用于 vue 2.0。我在我的 Django 项目文件夹中为 vue 的东西创建了一个文件夹，名为frontend. 目录结构：

然后基本上在我的index.htmlDjango 模板中，我有以下代码：

一旦渲染，它就会变成完整路径：

我用它创建npm run build并验证它确实被浏览器加载/导入。我将herokuCLI 作为开发服务器运行。

我这样构建：

我不知道该怎么办build.js.map，我不使用它。

但是，Vue 不起作用。虽然我没有收到任何错误npm run build，但我在控制台中看不到任何警告，我的任何指令都无法正常工作，也无法从以下位置v-bind访问我的对象：vmmain.js

作为vm（或只是Vue！）在控制台中。

我的webpack.config.js样子是这样的：

并且npm run build运行没有错误，所以我不确定发生了什么。

有任何想法吗？