问题标签 [vue-cli-3]

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 投票
1 回答
3205 浏览

vue.js - 指定一个 vue-cli vue.config.js 位置

我的项目的基本目录中有一个vue.config.js文件。我想将它移到文件/config/夹中我的其他配置文件旁边。

如何指定此文件的新位置vue-cli

0 投票
2 回答
1605 浏览

vue.js - Vue-cli3 vue-cli-service build --modern 不起作用

成功npm run build --modern运行后,我在输出中只看到一个应用程序。不应该有两个吗? 在此处输入图像描述

0 投票
4 回答
6158 浏览

vue.js - Vue-CLI v3 应用程序:热模块重新加载不起作用

我已经安装了 Vue CLI v3,并在我的终端中:

  • 使用“vue create my-project”创建了一个新应用程序(接受默认配置)

  • 导航到“我的项目”应用程序目录并运行“npm run serve”,其结果是:

...然后,当对 Hello World 组件进行任何更改时,例如,对 css 进行调整,像链接颜色这样明显的东西,什么都没有发生;终端无响应,浏览器无刷新,手动刷新时页面无更新

我过去使用 Vue 构建了一些应用程序,热模块重新加载以前可以工作,但现在无论我在任何项目文件中更改什么,终端中的活动/响应都是零;只有当我关闭终端选项卡、重新打开选项卡、导航到项目目录并重新运行“npm run serve”并刷新浏览器时,我才能看到更改。显然这是不可用的。我错过了什么?

0 投票
1 回答
607 浏览

javascript - OBJLoader:意外的行:vue cli3中的“”

我在 cli3 中将 vue-3d-model 组件用于 3D 对象查看器,但遇到了这个问题

0 投票
1 回答
649 浏览

javascript - 无法在生产中使用 vue-cli 调用 npm run build

预期行为

npm run build应该创建dist我可以在给定机器上服务的生产包

当前行为

尽管能够在本地构建,但每当我尝试npm run build在外部资源(例如 Digital Ocean VM 或 Heroku 机器)上运行时,我都会收到以下错误。

失败日志

此外,我尝试运行npm rebuild node-sass,更新material-dashboard.css文件以包含下划线:_material-dashboard.css,传入--productionnpm install --production但没有运气。

nodejs 版本:v8.11.4 npm 版本:v5.6.0

我已经尝试解决这个问题几个小时了,但没有任何运气。我不明白为什么它在本地工作,但在另一台生产机器上却不行。

0 投票
2 回答
766 浏览

javascript - 如何在另一个 Vue 项目中使用 Vue Web 组件(由 Vue-CLI 3 生成)?

我可以将 Vue-CLI 3 构建命令 ( ) 生成的 web 组件vue-cli-service build --target wc --name foo ./src/App.vue用作网页中的独立组件,如下所示:

但是当我在另一个 Vue 项目中导入这个组件时:

我得到这个错误:

Vue CLI 3 文档说:

在 web 组件模式下,Vue 是外部化的。这意味着即使您的代码导入了 Vue,该包也不会捆绑 Vue。该包将假定 Vue 在主机页面上作为全局变量可用。

但是当你想在另一个项目中使用 web 组件时,它并没有说明如何解决这个问题。

你有什么主意吗?

0 投票
1 回答
1288 浏览

javascript - 使用 Vue Cli 3 链接到字体

我正在尝试将我的@font-face 链接到由 vue cli 3 和 vue 2 创建的项目中的字体文件夹(资产/字体)

树状

资产/sass/实用程序/fonts.sass

资产/sass/app.sass

我已经尝试过 ../../fonts 或 assets/fonts,将其放入公用文件夹或使用 font-url 但没有任何效果......

我没有错误消息,字体无法正常工作

0 投票
0 回答
443 浏览

webpack - 多主题设置 - webpack / Vue-cli

我即将创建可嵌入的应用程序,可以在基本级别上为每个客户端设置样式(主要是颜色)。

我的想法是使用嵌入的一些查询参数,如下所示:<iframe src="embeddedApplication?theme=client_1"/>然后读取查询参数并在基础之上请求适当的样式。一切都好,简单的柠檬汁。

我没有预见到的是,webpack 配置会如此痛苦。我习惯了 vue-cli,我宁愿坚持使用它(这可能意味着 webpack-chain,但这不是问题)至少想保留它的 webpack 配置并扩展它。

理想情况下,我想创建client_1.scssclient_2.scss只包含 scss 变量。然后我(理想情况下)会以某种方式让 webpack 循环遍历所有.vue文件(就像通常那样),然后为每个client_N.scss文件重复循环,解决从该文件导入的设置。

视觉上:

我已经尝试了很多,但我没有设法接近这个。我最接近的是生成两种不同的样式(添加*.scss入口点)。但是我只是在写全局样式。

有没有人有任何想法?非常感谢!

更新

目前我正在加载多个包含 scss 变量的 JSON 文件(听起来有点好笑,我知道;这就是这种方式@epegzz/sass-vars-loader),因此 scss 变量在 vue 单文件组件中得到正确解析。

这一切都很好,但原来的问题实际上并没有解决。我的 forEach 循环确实包含所有文件,但仍然只有一个 css output

如果我只能再次“重复”整个构建过程......?

0 投票
1 回答
1852 浏览

vue.js - vue-cli 3 导入'bootstrap/dist/css/bootstrap.css'错误

我正在将现有的 Vue 项目转换为 vue-cli 3 并遇到了一个意外问题:
在 .js 文件中,我收到此错误(当我运行时npm run serve)的行import 'bootstrap/dist/css/bootstrap.css';

错误:“bootstrap”应该列在项目的依赖项中。运行 'npm i -S bootstrap' 在 src\main.js:19:1 添加它(导入/无外部依赖项):

我不明白,因为我package.json已经有了引导程序:

},

vue-cli 文档提到使用波浪号表示“从节点模块导入”,所以我也尝试过

- 并得到了同样的错误。

0 投票
1 回答
3726 浏览

vue.js - Vue Cli 3 为不同类型的文件构建自定义目录

我是使用 vue 构建网络应用程序的新手。默认情况下,使用npm run build,它将构建以下结构:

在此处输入图像描述

但我希望构建如下:

在此处输入图像描述

那么,我怎样才能vue.config.js像我想要的那样编​​写 as 输出?