问题标签 [vue-cli-3]

I get this weird error when I want to run my vue-cli project:

I’ve tried the following ways to install websocket-driver module, but not a single one of these tries have worked for me: npm i websocket-driver, npm i -gwebsocket-driver and npm i websocket-driver -D

npm list faye-websocket shows that this package is part of @vue/cli-service, so I'm surprised to see no one else reporting this issue.

Below is my npm package file:

package.json

我正在尝试添加webpack.ProvidePlugin哪些不起作用Vue-cli 3。我还尝试设置lodash为全局导入（因此我不必在每个商店模块中导入它）。

Vue.config

构建错误：

我在添加行后构建了项目vue.config，他们给了我上述错误。

在 .vue 和 .js 中，我可以在开发时享受 vscode 的智能感知。但是我发现当我使用别名时它不再起作用了。所以我在博客上搜索了一段时间，找到了一个解决方案，就是如下配置一个'jsconfig.json'。

它在 .js 文件中有效，但在 .vue 文件中无效。有谁知道如何解决它？

可以在 .js 中使用

不适用于 .vue

这可能不是为什么有人想要将变量从一个 javascript 导出/导入到另一个的最佳示例，但希望它已经足够好了。

我有一个 javascript 文件，我在其中启动了一个变量，我们将这个变量称为 counter 和它所在的 javascript 文件CounterModel.js。我还有一个 javascript 文件，它实际上对我的计数器做了一些名为CounterController.js.

在我的 vue 文件中，我想启动我的计数器App.vue并在Counter.vue.

所以我在下面有这个设置，它给了我三个类似的警告，所以我一定做错了什么。所以我想问：

这里做错了什么？

输出

CounterModel.js

CounterController.js

应用程序.vue

计数器.vue

我在我的 vue 项目（vue-cli3.0）中使用 es6 进行了编码。当我在我的页面中编写一个调试器时，它确实停止了但在错误的地方所以有人遇到过这个问题吗？

如下，我在红色矩形中的调试器针对下面显示的蓝线。

我写的代码

在chrome中调试

我正在尝试将示例 Vue.js 应用程序部署到 Gitlab 页面，但即使部署成功通过，当我尝试点击提供的 URL 时也不会呈现任何内容。

这是我的部署代码（.gitlab-ci.yml）：

我尝试npm run build从/dist文件夹中本地提供页面，并且一切正常。我不确定我在 Gitlab 中的部署脚本是否有任何问题。

如何让我的应用程序在 Gitlab 页面中运行？

我正在使用vuejs2和vue-cli-3捆绑脚本。

我希望每种语言都有不同的构建。翻译后的字符串将被烘焙到不同的构建中：

我知道使用 in webpack.config.js，您可以执行以下操作：

它将基于configA和构建您的应用程序的两个版本configB。

我的项目是基于的vue-cli，所以我没有一个webpack.config.js，只有一个vue.config.js。

在vue.config.js中，您可以在 中提供 webpack 配置configureWebpack，但这必须是一个对象（或返回对象的函数），这意味着我无法为每个构建提供具有不同配置选项的数组。

如何使用 vue-cli 构建多个 dist？

我正在尝试让我们的徽标出现在 vue-cli 生产版本中。

如果我这样做vue-cli-service serve（运行 webpack 开发服务器），图像会解析（我可以在 Web 浏览器中看到它们）。但是，如果我提供捆绑文件（使用节点或其他），图像不会解析，尽管它们位于正确的文件夹中。我可以在我的网络选项卡中看到 200 OK 请求http://localhost:8888/img/logo.fdcc9ca9.png，这意味着在正确的位置可以看到正确的文件命名对象。我也可以在我的来源选项卡的适当位置看到它。

另外，如果我检查元素，它看起来像这样，看起来也正确：

尽管如此，在生产构建中，图像显示类 HTML“损坏的图像”缩略图。

怎么了？如何在生产版本中不显示“损坏的图像”缩略图？为什么它在 webpack-dev-server 上工作而不是生产？

徽标.vue

vue.config.js

包.json

文件夹结构，开发中

文件夹结构，输出构建

我有来自 cli 的最新 Vue 项目。只是在玩 vuex 和商店。

默认项目具有此初始化。

商店长这样：

我的证监会看起来像这样：

运行“npm run serve”时出现的错误是：

但是在运行该应用程序时，我在浏览器中没有收到任何错误，并且它可以正常工作。我stateName的屏幕上显示了价值。

我有一个 Django 2.1 后端，它有一个视频流端点和一个 Vue-Cli3 作为我的前端。我后端的视频流端点是一个 GET 请求。为了让流媒体在我的客户端工作，我只需要添加：

这工作正常，但现在我必须只为经过身份验证的用户保护我的后端路由。为此，我只需要在请求标头中添加一个身份验证令牌。问题是，根据Set custom header for the request made from <img/> 标签，img 标签不接受标头参数。所以现在我正在尝试使用axios库构建一个请求，然后将请求结果流式传输到我的 HTML img 标签。到目前为止我的 Vue 方法代码：

我得到的只是这个警告： 警告：提供的值“流”不是 XMLHttpRequestResponseType 类型的有效枚举值。

我的请求也永远不会结束。Promise 永远不会命中 .then() 或 .catch() 因为它是流式传输的。似乎 responseType 无法正常工作。我错过了什么吗？

这是我的 django 后端端点：