问题标签 [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.
vue.js - 指定一个 vue-cli vue.config.js 位置
我的项目的基本目录中有一个vue.config.js
文件。我想将它移到文件/config/
夹中我的其他配置文件旁边。
如何指定此文件的新位置vue-cli
?
vue.js - Vue-cli3 vue-cli-service build --modern 不起作用
成功npm run build --modern
运行后,我在输出中只看到一个应用程序。不应该有两个吗?
vue.js - Vue-CLI v3 应用程序:热模块重新加载不起作用
我已经安装了 Vue CLI v3,并在我的终端中:
使用“vue create my-project”创建了一个新应用程序(接受默认配置)
导航到“我的项目”应用程序目录并运行“npm run serve”,其结果是:
...然后,当对 Hello World 组件进行任何更改时,例如,对 css 进行调整,像链接颜色这样明显的东西,什么都没有发生;终端无响应,浏览器无刷新,手动刷新时页面无更新。
我过去使用 Vue 构建了一些应用程序,热模块重新加载以前可以工作,但现在无论我在任何项目文件中更改什么,终端中的活动/响应都是零;只有当我关闭终端选项卡、重新打开选项卡、导航到项目目录并重新运行“npm run serve”并刷新浏览器时,我才能看到更改。显然这是不可用的。我错过了什么?
javascript - OBJLoader:意外的行:vue cli3中的“”
我在 cli3 中将 vue-3d-model 组件用于 3D 对象查看器,但遇到了这个问题
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
,传入--production
,npm install --production
但没有运气。
nodejs 版本:v8.11.4 npm 版本:v5.6.0
我已经尝试解决这个问题几个小时了,但没有任何运气。我不明白为什么它在本地工作,但在另一台生产机器上却不行。
javascript - 如何在另一个 Vue 项目中使用 Vue Web 组件(由 Vue-CLI 3 生成)?
我可以将 Vue-CLI 3 构建命令 ( ) 生成的 web 组件vue-cli-service build --target wc --name foo ./src/App.vue
用作网页中的独立组件,如下所示:
但是当我在另一个 Vue 项目中导入这个组件时:
我得到这个错误:
在 web 组件模式下,Vue 是外部化的。这意味着即使您的代码导入了 Vue,该包也不会捆绑 Vue。该包将假定 Vue 在主机页面上作为全局变量可用。
但是当你想在另一个项目中使用 web 组件时,它并没有说明如何解决这个问题。
你有什么主意吗?
javascript - 使用 Vue Cli 3 链接到字体
我正在尝试将我的@font-face 链接到由 vue cli 3 和 vue 2 创建的项目中的字体文件夹(资产/字体)
资产/sass/实用程序/fonts.sass
资产/sass/app.sass
我已经尝试过 ../../fonts 或 assets/fonts,将其放入公用文件夹或使用 font-url 但没有任何效果......
我没有错误消息,字体无法正常工作
webpack - 多主题设置 - webpack / Vue-cli
我即将创建可嵌入的应用程序,可以在基本级别上为每个客户端设置样式(主要是颜色)。
我的想法是使用嵌入的一些查询参数,如下所示:<iframe src="embeddedApplication?theme=client_1"/>
然后读取查询参数并在基础之上请求适当的样式。一切都好,简单的柠檬汁。
我没有预见到的是,webpack 配置会如此痛苦。我习惯了 vue-cli,我宁愿坚持使用它(这可能意味着 webpack-chain,但这不是问题)至少想保留它的 webpack 配置并扩展它。
理想情况下,我想创建client_1.scss
等client_2.scss
只包含 scss 变量。然后我(理想情况下)会以某种方式让 webpack 循环遍历所有.vue
文件(就像通常那样),然后为每个client_N.scss
文件重复循环,解决从该文件导入的设置。
视觉上:
我已经尝试了很多,但我没有设法接近这个。我最接近的是生成两种不同的样式(添加*.scss
入口点)。但是我只是在写全局样式。
有没有人有任何想法?非常感谢!
更新
目前我正在加载多个包含 scss 变量的 JSON 文件(听起来有点好笑,我知道;这就是这种方式@epegzz/sass-vars-loader
),因此 scss 变量在 vue 单文件组件中得到正确解析。
这一切都很好,但原来的问题实际上并没有解决。我的 forEach 循环确实包含所有文件,但仍然只有一个 css output。
如果我只能再次“重复”整个构建过程......?
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 文档提到使用波浪号表示“从节点模块导入”,所以我也尝试过
- 并得到了同样的错误。