问题标签 [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 3 项目中使用带有 npm-link 的 vuex store 会丢失 $store
我认为这是与将存储保存在 npm 链接文件夹中相关的配置问题。
- 我做了一个 vue-cli 3 项目并运行了“计数器”示例（来自https://github.com/vuejs/vuex/tree/dev/examples/counter）
- 工作：当我将 store.js 移动到已安装的node_modules 包（并更新其导入 url）时，它会继续工作。
- 中断：当我将 store.js 移动到npm 链接的node_modules 包时，它会编译并且开发工具会找到存储，但我得到一个空白屏幕和控制台错误：属性或方法“$store”未在实例上定义，但在期间引用使成为
如果我构建最小化的 js（npm run build），它也可以与链接包一起正常工作。是否有我缺少的配置设置？
vuejs2 - VUE CLI-3 项目不适用于 IE-11
我使用 vue-cli3 在 vuejs 中创建了一个项目。它在 chrome 浏览器上运行良好，但在 IE-11 版本中，空白屏幕在控制台中显示以下错误，如此链接中所述：https ://drive.google.com/file/d/1QaNwK1ekI2BwFsFyjvgbSsvwHBCmlcAD/view?usp=drivesdk On单击我在上面的屏幕截图中指出的控制台错误，它会打开一个屏幕，显示在给定的链接https://drive.google.com/file/d/1_QXVjcw3cmqeC70LfNyLcr__rnXVIZIh/view?usp=drivesdk中，并在 mini-toastr 包中显示错误：这是我的 babel.config.js 文件代码：
和 .browserslistrc 文件代码：
我没有得到我做错的地方。我有什么遗漏吗？如果有人需要更多信息，请告诉我。谢谢！
vue.js - Vagrant VirtualBox 本地开发环境、Ubuntu、Yarn、Vue CLI 3 - 问题
我正在尝试设置一个本地开发环境，其中包括：
- Ubuntu 服务器 vagrant box
- 我现有的 vuejs 项目使用 Vue CLI 3 创建并通过
synced_folder - 然后运行 yarn run serve 并使用 vagrant box 上的端口转发在我的主机上访问它。
背景：
我在我的 Ubuntu 16.04 笔记本电脑上开发了一个 vue CLI 3 项目，它运行良好，但是，我想把它移到一个 vagrant box 内，以保持我的本地机器整洁。我目前使用yarn run serve效果很好。我希望能够在一个新的 vagrant 开发环境中运行这个命令。
问题/问题总结：
vue安装其依赖项后找不到该命令yarn run serve尝试在 vagrant box 内运行时，纱线会吐出权限问题- 有
fsevents@1.2.4消息时yarn global add @vue/cli
配置本地开发环境：
Vagrantfile: _
vagrant box 的配置ubuntu/xenial64 (virtualbox, 20180802.0.0)：
问题/问题输出：
当我导航到现有的 vue 项目文件夹并yarn run serve在 vagrant ssh 中运行时，我收到以下错误：
当我运行时sudo yarn run serve
（无论如何我都不应该以root身份运行它，但是:)
跑步vue --version
运行的输出yarn global add @vue/cli
如官方 vue-cli 安装文档所示
注意：fsevents@1.2.4我得到的消息。这可能是导致问题的原因吗？
总结：
有没有人实现了一个本地开发环境，他们能够成功地在其中运行yarn run serve并在他们的主机上访问结果？
我很想看看其他开发人员如何处理他们的 vue js 项目的本地开发，这些项目也有其他需要反向代理的服务（例如，在不同端口上运行的节点 js 应用程序）。
我花了很多时间试图设置它无济于事。也许这些工具不能很好地结合在一起。如果您认为您可以提供帮助，我将不胜感激。谢谢
vue.js - vue-cli-service：有没有办法使用 vue-cli-service 将 -p 参数传递给 typescript 编译器或 linter？
我有一个基于 vue-cli 3 的项目。这是include我的部分tsconfig.json
typescript linter 也使用相同的文件。我需要yarn lint命令来检查tests目录中的文件。当我将tests目录添加到上述include部分时，然后vue-cli-service lint按预期工作，但vue-cli-service build开始抱怨未知的全局函数（describe()等test()）。
我创建了一个单独tsconfig.lint.json的包含src和tests目录并将其更改yarn lint为实际执行 a tslint -p tsconfig.lint.json（而不是vue-cli-service lint）。现在两者都yarn lint工作yarn build。但是从脚本yarn lint调用它时失败。lint-staged
有没有简单的方法来实现这一目标？我需要的是：
yarn lint应该 lintsrc和tests目录。- 执行 git commit 时，
yarn lint应该对两个目录中的暂存文件进行 lint。
vue.js - 使用 vue-cli 3 将 vue 依赖项捆绑到 Web 组件构建中
我正在使用 vue-cli 3 将我的 vue 组件捆绑到 Web 组件中，使用类似的命令：
包.json
"build:wc": "vue-cli-service build --target wc-async --name webcomponent-global 'src/components/*/*.vue'"
这一切都很好，但是根据文档，您需要一个全局 vue 依赖项才能使其工作，因为 vue 运行时被排除在构建之外：
请注意，捆绑包依赖于页面上全局可用的 Vue。
这迫使我使用两个脚本标签来包含 Web 组件，如下所示：
有没有办法告诉 vue-cli 将 vue 依赖包含到 webcomponent 包本身中，这样只需要包含一个脚本就可以让 web 组件正常工作。
url - Vuetify 标准设置（babel/eslint）图像加载失败
我正在开发一个 VueJS 项目，并试图在轮播上加载图像。我正在使用标准设置并将图像放在资产文件夹中。我引用图像 URL
<v-carousel-item src="@/assets/promo1.jpg">
但是，当我使用npm run serve运行服务器时，这会引发Image Load Failed错误。
如果其中一个建议与 webpack 配置有关，我似乎找不到。另外，请注意，入门模板上的初始图像工作正常。但是我的自定义图像不起作用。
webpack - 为什么 vue-cli 有两个 vuejs 启动命令？
我在网上查找并遇到了两个不同的运行命令，其奇怪的原因是例如 React 有 command create-react-app <name of app>，但是对于 vue-cli 我找到了这两个命令vue create <name of app>和vue init webpack <name of app>.
我在运行这两个命令后仔细检查，发现它们都包含 webpack，但结构不同。第一个预装了 vuex，而另一个则没有。第二个命令虽然有很多额外的 devDependencies。
对于包含 vue-router 和 vuex 的多页 vuejs 应用程序，我只是有点困惑哪个命令是正确的。
vue-cli-3 - 如何在 vue-cli 3 中更改单元测试的默认文件匹配
我正在使用 vue-cli 3.0 并创建了带有手动功能选择单元测试（mocha + chai）的项目。默认文件匹配是：以 .tests/unit结尾的任何文件.spec.(ts|js)。有没有办法改变目标目录和文件模式？
我想将目标目录从tests/unitpackage.jsonroot directory文件所在的位置更改。但我找不到如何更改目标目录。
我试过这个来改变文件模式。但它不起作用。
我也读了这个：https ://github.com/vuejs/vue-cli/issues/1245 。我需要@iamceege确切地说什么。我应该在没有默认设置的情况下自己设置测试环境吗？
vue.js - Vue-cli-service 服务构建完成回调？
我想启动一个 vue-cli 开发服务器，然后在此构建完成后从节点运行命令。
有没有办法vue-cli-service serve从节点脚本运行，以便在开发服务器启动并运行后我可以接收回调？
sass - Vue-CLI 3：我可以使用 CLI 编译的非单文件组件 SASS 吗？
当 Vue-CLI 3 创建项目时，会创建一个 public/index.html。
我想在头部添加一个外部 CSS 文件，但源文件在 SASS/SCSS 中。我想要这个文件的原因是围绕 Vue 应用程序 ( <div id="app">/<div>) 设置标记样式，就像<body>元素一样。
我阅读了关于 CSS 的 Vue-CLI 3 指南https://cli.vuejs.org/guide/css.html，但我的印象是该页面上的建议是将 SASS 集成到单文件组件中（* .vue 文件），例如允许单个文件组件访问全局 SASS 变量。我能否获得 Vue-CLI 3 构建过程来编译与任何 *.vue 文件不直接相关但仍是 Vue 应用程序的一部分以用于部署目的的 SASS 文件？