我正在使用vue-cli创建VUE应用程序.我不喜欢的一种行为是,任何不存在的URL(例如,localhost:8080/nonexistent/file.html)都可以使用代码200,好像是根:localhost:8080. 这使调试XHR请求有时真的很混乱. 如何使其返回404代码? 解决方案 您要观察到的功能实际上来自 's historyApiFallback ,对未解决的URL响应index.html(用于带有客户端路由的水疗中心).默认情况下在VUE CLI项目中启用了此功能,但是您可以使用Vue Cli devServer config devServer配置: 创建vue.config.js(如果还不存在),则具有以下内容: module.exports = { devServer: { historyApiFallback: false } } 重新启动您的开发服务器(npm run serve).
以下是关于 vue-cli 的编程技术问答
我正在使用vue框架并使用DomUtil.Create函数创建图像.在此图像中,我想动态地写入此图像的源.但是图像不会显示给用户. 我使用标签在页面上放置了一个普通图像,它在这里工作.只有创建DOM元素时,它就无法正常工作.我将硬编码的路径放在这里,以确保路径正确. var img = L.DomUtil.create("img", "popUpImg", divImg); img.src = '@/assets/pictures/1.png'; 解决方案 使用require() 绑定到项目路径/文件名时,请使用require: require('@/assets/pictures/1.png'); 如果您在Vue CLI中使用项目资产路径和文件名,则WebPack实际上将它们重捆捆扎.如果您在模板中使用img src 的字符串路径中,请悄悄地照顾此操作.但是在任何其他情况下,您都需要手动使用WebPack的require在运行时提供正确的路径
我遇到了问题,试图拒绝我的应用程序名为TR3(在Localhost上工作良好,我还学会了使用Heroku部署"测试应用程序",一切都很好). 但是现在,当我使用命令 时 git推heroku大师 有一条消息 remote: -----> Compressing... remote: Done: 22.2M remote: -----> Launching... remote: Released v8 remote: https://stark-oasis-45806.herokuapp.com/ deployed to Heroku remote: remote: Verifying deploy... done. To https://git.heroku.com/stark-oasis-45806.git 12055ef..fbc5e05 master -> master 但链接 https://stark-oa
我正在尝试运行一个基本的NUXT应用程序,该应用具有使用Lerna Monorepo内部使用Vue-CLI构建的外部VUE组件. 该页面简要显示组件内容(服务器渲染),然后消失,抛出以下错误. "export 'default' (imported as 'Header') was not found in 'a2b-header' 接着 Mismatching childNodes vs. VNodes: NodeList(7) [svg, text, div#app, text, h2.subtitle, text, div.links] (7) [VNode, VNode, VNode, VNode, VNode, VNode, VNode] 最后一个红色的Vue警告 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered cont
所以我在一台机器上有一个旧版本的项目,该项目是使用其他机器处理的github repo. 因此,我在第一台计算机上删除了旧版本的文件夹(事先将其备份到本地文件夹).然后,我做了git pull origin master将项目从github存储库中提取.我做了npm install,npm audit fix和npm audit -f fix摆脱了漏洞. 这个项目使用webpack和vue-cli,所以我将npm run dev放入终端,现在我遇到了一个错误,没有任何有关为什么发生错误的信息. 这是github存储库,请按照我刚刚描述的复制步骤进行操作. https://github.com/adamcole123/pharaoh-web-web-app------------------------------------------------------ 预先感谢! 编辑: 我觉得这可能与全球依赖关系有关,但我不知道它们会是什么.因此,如果
我最近将自己的VUE 3组件上传到NPM,使其可用于其他人.在其他项目中使用它时,会发出此警告: [Vue warn]: Component is missing template or render function. at at 这可能发生什么原因?我正在通过运行此代码来构建和发布该应用程序的方式. import VueToggle from "./components/VueToggle"; export default { install(app) { app.component("vue-toggle", VueToggle); } }; 然后在我的软件包中运行此构建命令: "build-library": "vue-cli-service build --target lib --name vue-toggle-compon
一直在努力开始我的第一个Vue项目,并正在寻求帮助. 我在系统上同时更新了NPM和节点,但不断陷入同一问题. 我的步骤: 1.)npm install 终端响应: npm warn mbasile@1.0.0无描述 0.095S 最新 2.)npm install vue 终端响应: npm warn mbasile@1.0.0无描述 + vue@2.5.16 在0.951S中更新了1个软件包 这是时髦的地方? 3.)npm install -g @vue/cli 终端响应: npm err! path/users/mbasile/.npm-global/lib/node_modules//node_modules/.bin npm err!代码eacces npm err! errno -13 npm err! syscall rmdir npm err!错误:EACCES:拒绝许可,rmdir'/users/mbas
我试图使用 安装vue-cli npm install -g @vue/cli 我得到以下错误 Unhandled rejection Error: EACCES: permission denied, mkdir '/home/moeketsi/.npm/_cacache/tmp' npm ERR! cb() never called! npm ERR! This is an error with npm itself. Please report this error at: npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! /home/moeketsi/.npm/_logs/2019-08-02T07_16_39_683Z-debug.log 日志文件是 尝试使用sudo运行命令时,我得到 sud
我正在使用vue.js构建应用程序突然,Vue-CLI已经开始输出错误,使我担心我的一个或多个依赖性可能具有邪恶的东西. 当我运行npm运行服务(vue-cli服务)时,命令成功,但是输出了几行错误消息,如以下内容: (节点:366423)unhandled -promiserectivewarning:错误:enoent:no uke file或目录,stat'/initrd.img' 它也未能达到stat /home/jordan/.steampath,/initrd.img.old,/vmlinuz和/vmlinuz.old. 加热时有时还会输出这些线. 我很担心,因为似乎应该零原因可以尝试统计内核文件或我的Steampath.它似乎正在看它不需要的东西(但显然是在阻止这样做). 我应该担心安全吗?这证明我在其中使用了带有邪恶代码的VUE或NPM插件?还是这是一个简单的错误配置? 这是我的软件包: { "name": "pp10-
我正在努力使用VUE组合一个小应用程序,我特别需要它在不支持ES6的设备上运行.我正在使用vue-cli-service build来构建,并且在尝试在ES5设备上打开此页面时,我看到此错误SyntaxError: Unexpected token '...'. Expected a property name. 我已经安装了babel,并将其添加到我的.babelrc:{ "presets": ["@babel/preset-env"] } 我不太确定还要尝试什么,我找不到任何专门解决此问题的东西.甚至Vue-CLI服务文档也提出了支持ES5多填充的方法,但我认为这不是同一件事. 解决方案 我有这个问题,vuetify和Safari 11.1 我猜想我需要为较旧的浏览器转换ES6版本的Vuetify.该解决方案很难搜索,因为大多数建议是关于修改WebPack或Babel配置的,我发现在Vue Cli中被遮盖了. 我最终通过Vue CLI从头开始重建项目,
我已经创建了一个带有" Vue Create议程"的新应用程序,而且还可以.然后,我将CD cd到项目文件夹中,然后运行" vue add vuetify",以将Vuetify添加到项目中并接收以下错误. 我已经搜索了错误,以查看其他线程的其他任何答案是否有帮助,但它们都不适合我. 大多数建议更新节点btw.但是它没有解决问题.我尝试升级到版本11.14.0,但在检查并发现它没有帮助后返回版本10.15.3. 我当前的版本: vue - version 3.6.1 节点-V V10.15.3 Installing vue-cli-plugin-vuetify... ERROR TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined TypeError [ERR_INVALID_ARG_TYPE]: T
我会疯狂地尝试将VUE 3 CLI输出调和成与所有使用Vue对象的各种教程和插件一起使用的东西,如Vue.createApp(...中.在我的项目中,我可以使用 import {createApp} from 'vue'; createApp(... 但import Vue from 'vue';导致Vue仍然不确定.我通过NPM安装了VUE 3.显然,对于NPM导入,我不了解一些至关重要的事情,如果导入整个模块不起作用,{createApp}导入如何工作? 来自package.json: "dependencies": { "@babel/polyfill": "^7.12.1", "apexcharts": "^3.22.1", "core-js": "^3.6.5", "d3": "^6.2.0", "vue": "^3.0.0", "vue-router": "^4.0.0-rc.1", "vue3-a
在安装Vue-CLI的依赖项时,未确定VUE.为什么? 解决方案 rm -rf node_modules和npm install 在这里看看 其他解决方案 添加sudo安装 时纱线之前 yarn global remove @vue/cli sudo yarn global add @vue/cli vue 其他解决方案 我有一段时间遇到同样的问题. TL; DR npm install @vue/cli-service --save-dev 作为文档指定的是开发依赖性 https://cli.vuejs.s.org/指南/#CLI服务 CLI服务(@Vue/CLI服务)是开发依赖性.这是一个NPM软件包,该软件包本地安装到 @vue/cli创建的每个项目中. Origin 我有一个新的nodejs安装 只是做了 >> sudo npm install -g @vue/cli@latest >> vue --ve
我正在开发VueJS WebPack 4捆绑的应用程序.它具有许多由每个目录区分的 crud 模块,但每个目录中都有相同的命名文件.所以.... components ╠═ Person ║ ╠═ index.js ║ ╠═ Create.vue ║ ╠═ Update.vue ║ ╠═ Retrieve.vue ║ ╚═ Delete.vue ╠═ Tool ║ ╠═ index.js ║ ╠═ Create.vue ║ ╠═ Update.vue ║ ╠═ Retrieve.vue ║ ╚═ Delete.vue ╚═ Zone ╠═ index.js ╠═ Create.vue ╠═ Update.vue ╠═ Retrieve.vue ╚═ Delete.vue 我的问题是,当我与Chrome Dev Tools进行调试
我在使用VUE-CLI v3.0构建VUE应用程序时遇到了一些麻烦.到github页面.我正在使用 subtree 仅将dist文件夹仅发送到gh-pages分支.首先,问题是带有问题的存储库是 https://github.com/guizoxxv/guizoxxv/vue-cli -deploy 和GitHub页面链接是/vue-cli-deploy/ 谢谢. 解决方案 我相信我发现了这个问题的原因: 由于github页面URL未从根部 提供 https://guizoxxv.github.io/vue-cli-deploy/有vue-cli-deploy/ root base 之后 我需要在vue-router选项上为我的应用程序指定base选项.这是文档 https://router.vuejs.org/api/api/papi/#base /p> 其他解决方案 更新2020 baseUrl自从VUE CLI 3.3以来被弃用,请改用publ
因此,基本上我已经有很长时间了这个问题,并认为我已经修复了,但事实并非如此. 我用本指南,它帮助我使用vue-cli创建了PWA. 在向其添加firebase身份验证时,我还使用它告诉我将此线添加到我的index.html 可悲的是,这没有解决,我在Chrome Console中收到了此错误消息: Refused to apply style from 'http://localhost:8080/node_modules/firebaseui/dist/firebaseui.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME che
问题 我想查看Chrome中的Vue-CLI欢迎页面,从Mac上的Docker容器运行.我正在努力为此设置适当的配置.我想念什么?这是我尝试的. 步骤 安装 Mac的Docker -17.12.0 -CE NPM 5.6.0 vue-cli 2.9.3 命令行 $ vue init webpack docvue $ cd docvue $ npm install 文件 运行上面的命令后,我现在就可以使用webpack构建Vue示例项目. $ ls README.md config node_modules package.json static build index.html package-lock.json src /docvue/ i可以npm run dev,我看到: > docvue@1.0.0 dev /User
尝试使用vue-cli构建新的WebPack项目时,我会遇到错误.我正在与最新构建(3.0.0-Beta.11)的文档一起关注,也尝试了早期版本,这不是Beta. 当我运行yarn serve时,它尝试启动开发服务器并构建项目,但在此处失败: error in ./src/App.vue?vue&type=template&id=7ba5bd90 Module build failed: Error: No parser and no file path given, couldn't infer a parser. at normalize (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:7051:13) at formatWithCursor (/Users/cory/Code/chickadee/my-project/node_modules/prettier