问题标签 [vue-cli-4]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
125 浏览

vue.js - 在 vue 项目中保存 css js 图像文件的位置

我正在尝试将 HTML 模板转换为 vue 项目。我对在哪里保存我的 css js 文件感到非常困惑。是应该在public目录下还是应该在src目录下?

0 投票
0 回答
90 浏览

azure - 从 Visual Studio Code 构建并运行 Vue.js 应用程序作为 Azure 应用程序服务

我在 Azure 中创建了一个应用服务,并希望在其中构建和运行我的 Vue.js 应用程序。我为 VS Code 安装了 Azure 应用服务扩展,并在应用的根目录中创建了一个 .deployment 文件,其中包含以下内容:

这是 deploy.sh 中的相关片段:

在本地运行npm installand命令可以正常工作,并按预期生成包含“HTML 包”的dist文件夹。但我希望在 Azure 上进行构建,以便我可以轻松地从 Git 存储库启用自动部署。build

在部署之前,我确保我的本地distnode_modules文件夹被删除。在 Azure 扩展中,我右键单击应用程序并选择“部署到 Web 应用程序...”。npm install --production成功,但vue-cli-service build命令失败,输出如下:

关于为什么构建命令失败的任何想法?

Vue.js 的引用版本是 2.6.11,Vue-CLI 是 4.5.0

0 投票
1 回答
66 浏览

html - 如何使用 Vue 为两个 HTML 页面构建文件?

现在,我有两个要构建的 HTML 文件。我的项目结构是这样的。

在我的some-page.html中,我有一个divID blog,在我的index.html文件中,我有一个divID app。然后,在我的main.js,我有这个代码。

当我构建项目时,some-page.html根本没有更新。该index.html页面工作正常。我如何才能在构建项目时some-page.html同时注入 Vue 组件?我想将构建的文件上传到我的服务器以托管我个人使用 Vue 的实验。

我在 Github 上发布了源代码:https ://github.com/171112542/seo

0 投票
2 回答
4718 浏览

vue.js - 如何修复@vue/cli 漏洞?

我有 vuejs-3 项目,我正在寻找 0 个漏洞。当我执行 npm install 时,我得到了 48 个当前版本节点和 npm 的漏洞。即使我尝试 npm audit fix --force 仍然问题是一样的。有人能帮助我吗?

当我们添加下面的包时,48 个漏洞就出来了

这可以继续吗?这对我的项目有害吗?

包.json

0 投票
0 回答
64 浏览

vue.js - 多页 Vue Config 忽略 Webpack 删除 HTML

我正在将一系列小型 Vue.js 应用程序嵌入到现有的服务器渲染网站中。因为应用程序中有很多共享组件,所以我使用了pages中的选项vue.config.js将每个应用程序拆分为自己的块。

页面的 HTML 由后端应用程序处理,包含从 Vue CLI 生成的已编译 JS 资产也是如此。

我不太清楚的是如何阻止 Vue 生成.html文件。

我的vue.config.js文件看起来像这样......

pages不包含该选项并使用默认入口点时main.ts。HTML 文件不包含在输出中。输出看起来像这样......

但是,一旦我添加了pages选项,就会生成 HTML 文件。输出看起来像这样......

阻止 Vue 生成这些 HTML 文件的正确方法是什么?

0 投票
0 回答
295 浏览

webpack - 我无法使用 POSTCSS 在 VueCLI 中设置自动前缀

我想用 postcss-loader 设置 autoprefixer 插件。因为显然 15 版中的 vue-loader 默认不会激活 autoprefixer。我尝试了几种方法来做到这一点,将 postcss 配置放在单独的文件中,在 package.json 和 vue.config.js 文件中。

我设法得到的唯一结果是编译错误或没有错误但没有自动添加前缀。

如果你有我的解决方案,我很感兴趣。

包.json:

vue.config.js :

0 投票
1 回答
387 浏览

javascript - 为什么webpack编译成功但是编译输出中没有我的源代码?

vue-cli-service serve用来编译 scss 并捆绑输出

这是我里面的webpack配置vue.config.js

这是我的package.json

问题

随着时间的推移,问题出现了。

起初npm run serve没有产生正确的捆绑输出,但编译成功。例如,输出文件中没有简单的console.log语句。npm run build 虽然编译成功

我试图找出原因,并删除了最新的代码,并用多个console.log语句替换它。我意识到当复制console.log('hello') 8 次时它有效,但 9 次却没有

有几天我没问题,因为至少npm run build运行正确,但现在在代码库增加了几个新文件之后,即使这样也不再起作用了。

我完全困惑,我不知道从哪里开始寻找错误!请帮忙!

我不是 javascript 专家,而且我对 webpack 的经验很少,这就是为什么我什至无法正确地提出问题。任何提示将不胜感激!

0 投票
2 回答
1565 浏览

node.js - 使用 vue/cli create 创建了一个新的 vue 项目,但无法提供服务

上周我创建一个新项目并服务它没有错,但是今天当我使用 vue/cli 创建一个新的默认项目时,我在服务时遇到了编译错误。

我可以正确地为我所有的旧项目提供服务,然后我尝试重新安装不同版本的 vue/cli 和 nodejs,但没有任何改变。

目前我的nodejs版本:v14.17.0
vue/cli:4.5.13

我应该怎么办?

更新

reactivity.esm-bundler.js我通过编辑以某种方式解决了这个错误node_modules/@vue/runtime-core/dist/

后:

我不确定,也许这个错误与ES版本有关?
如果是这样,我应该在哪里配置以使事情正确?

0 投票
1 回答
277 浏览

javascript - 如何在 Vue CLI 4 和 Electron 项目中保护环境变量中的 API 密钥

我正在尝试开发一个桌面应用程序,它需要进行一些私有 API 调用,并使用一些密钥进行身份验证。

密钥是由我的组织外部的外部 IT 服务提供商为我创建的 - 他们负责安全性,因此有一些限制:

  1. 他们说,即使他们已经采取措施保护 API,并且即使发生违规行为,也有适当的缓解策略,但他们仍然希望确保我以安全意识的心态对待密钥并采取尽我所能采取一切措施,以确保它们保持安全。
  2. 我不允许在私有服务器或无服务器平台上创建随机中间件/网关来代表我的应用执行 API 调用,因为这些调用可能包含业务数据。

我已经做了一些研究,根据我的发现,一般建议是在项目文件夹中设置一个“.env”文件,并在该文件中使用环境变量来存储 API 密钥。

但是在阅读Vue CLI 文档后,我发现了以下内容:

警告

不要在您的应用程序中存储任何秘密(例如私有 API 密钥)!

环境变量嵌入到构建中,这意味着任何人都可以通过检查您的应用程序文件来查看它们。

那么,考虑到这些限制,有没有办法将这些密钥安全地存储在 Vue CLI 4 + Electron 桌面应用程序项目中?

谢谢。

0 投票
0 回答
155 浏览

npm - Vue-CLI 和 NPM:如何手动升级项目依赖项?

我正在使用 vue-cli 4,最近npm audit在我的项目上运行并注意到以下漏洞:

它需要人工审核。我确实搜索了 VUE-CLI github repo 上的问题页面,但没有看到任何关于它的评论。我也确实查看了链接的 npmjs 咨询,它说要升级到车把 4.7.7 或更高版本。它不是我的项目的实际依赖项,但它似乎是我在项目中使用的依赖项(vue-cli)的依赖项。

如果重要的话,我会使用 @vue/cli 版本4.5.13和 npm 版本6.14.4和 NodeJS 版本12.16.2

感谢您提供有关如何成功修复此漏洞的任何建议或提示!