Vue js开发代码工作正常，但Production build在打开时显示空白屏幕

文章/答案/技术大牛

发布

2回答

laravel、vue.js、vue-component、vue-router

开发人员最近我在一个vue js网站上工作，一切都在开发上运行得很好，但当我使用npm run build构建代码时，生产版本成功构建，但当我尝试打开dist目录中的index.html文件时，该文件在浏览器中打开，但显示一个空白页面。

浏览 29提问于2020-03-03得票数 0

10回答

不使用npm运行生成的Vue.js构建

vue.js

我正在尝试获取用于生产的vue.js源代码。我使用了这个命令npm run build。我得到了一个带有dist的index.html文件夹和一个名为static的css和js文件夹。当我尝试在本地主机、ie、xampp服务器中运行时，我得到了一个空白页。 vue.js是否可以在xampp中运行。

浏览 18提问于2016-12-30得票数 13

3回答

在Vue DevTools中未显示的组件

vue.js

我正在使用Vue Devtools，但无法检查任何组件，因为没有组件显示。没有根组件或任何东西。几乎就是一个空白的DevTools。我是Vue的新手，所以我确信我错过了一些明显的东西。我使用的是webpack cli模板，还没有实现任何Vue Router的东西。搜索组件时也不会出现任何结果。我猜是这3个文件里的某个东西吧？main.jsimport App from

浏览 1提问于2016-10-22得票数 11

3回答

Vue Js 2/ Vue-CLI 3/当托管时显示空白页面

vue.js、vue-cli、vue-cli-3

Vue Js应用程序在开发模式下工作正常，但当我将其上传到服务器时，它只是显示一个空白页面。所有资源都显示在开发人员控制台中。我正在使用vue-router包。</script> 这是我的main.js import Vue

浏览 1提问于2018-12-15得票数 6

1回答

deployment vue.js和webpack

deployment、webpack、vue.js

我想在我的项目中使用vue.js管理面板，所以我选择此其工作完美抛出: localhost:8080所以在我上传它之前I run > npm run build但当我打开mydomain.com时，它不能正常工作即使在

浏览 0提问于2017-06-01得票数 0

1回答

如何正确导入我的Vuetify项目中仅需要的MDI/JS图标？

vue.js、vuetify.js

例如，在我的构建应用程序上只有3个图标的300kb是没有意义的。我通过在服务器上运行构建对其进行了测试，Webpack分析器<

浏览 0提问于2021-03-19得票数 3

1回答

Vue-CLI webpack-简单模板-如何运行构建

webpack、vue.js、vue-cli

我有一个Vue.js应用程序，它在npm run dev上运行的很好，但是当做npm run build和打开index.html时，就不会有任何活动，只有一个空白页面。html中的目录是dist/build.js，它正确地加载。: 'build.js'module: { { use: [

浏览 0提问于2018-03-07得票数 1

回答已采纳

4回答

VueJS应用程序为空白

vue.js、vue-component、vuejs2

我已经用它开发了几天，并且用它开发了一些页面。后来才意识到这是Vue1.0。然后我使用并迁移到vue 2.0。我把所有的错误一个一个地改正了。现在，当我运行应用程序时，它只是没有显示任何错误，但它是空的。我甚至没有任何错误在浏览器控制台或npm终端。在检查元素中，<div id="app"></div>为空。有人请你花点时间。我是vue js的初学者，在过去的两天里我一直在

浏览 2提问于2017-01-02得票数 6

回答已采纳

1回答

如何为带有vuejs的gitlab页面设置正确的自定义域名路径？

css、vue.js、gitlab

-r dist/* public expire_in: 1 day - public - master但当我使用自定义域<myDomain>.com时

浏览 0提问于2021-04-09得票数 0

2回答

VUE CLI-3项目在IE-11上不起作用

vuejs2、vue-cli-3

我已经使用vue-cli3在vuejs中创建了一个项目。它在chrome浏览器上工作正常，但在IE-11版本中，空白屏幕在控制台中显示以下错误，如此链接所述：在单击控制台错误时，我已经在上面的屏幕截图中指出，它打开一个屏幕，显示在给定的链接中，错误在mini-toastr包中:这是我的babel.config.js文件代

浏览 1提问于2018-08-28得票数 13

回答已采纳

1回答

Node.js:尝试运行生产版本时出现此错误:从“../../ _Promise -js/promise”导入核心；SyntaxError:意外标识符

node.js、babeljs、hapijs、core-js

我有一个带有Vue前端的hapi.js后端(使用Vue CLI)。我在Ubuntu 16.04上使用Node版本12.10.0。在开发模式下，一切工作正常。当我在构建过程中运行我的应用程序时，它构建时没有任何错误。当我尝试在生产环境中运行我的应用程序时，问题就出现了。", "build": "npm-run-all --serial build<

浏览 19提问于2019-09-19得票数 0

1回答

我想在不使用本地主机或web服务器的情况下发布vue.js

html、css、vue.js

我用vue.js开发了一个项目，并得到了项目构建。在我购买了构建之后，我尝试在dist文件夹中打开index.html页面，但是它没有打开，会出现一个空白的屏幕。当我做一些研究时，他们写道，构建的项目应该安装在任何服务器上才能工作。我建立的这个项目将在不连接互联网的本地平板电脑上工作。我该走哪条路？注:我使用的是Vue 3.0。

浏览 5提问于2022-06-21得票数 -2

7回答

VueJS 2:如何从生产构建中删除Console.log？

webpack、compilation、vuejs2、console.log

在IE中，只有在F12调试模式下才定义控制台。所以我在寻找一种方便的方法来管理Vue的编译alert('a');alertalert('a');如果我在开发模式下工作，则必须显示命令

浏览 1提问于2018-01-29得票数 16

回答已采纳

3回答

如何在vue.config.js中设置生产接口路径？

webpack、vue.js、vue-cli

我正在使用vue cli3进行设置。我已经在vue.config.js文件中设置了devServer接口： proxy: { target: 'apps/test/mainapp.php/', },} 我还需要将路径'‘设置为生产API路径，但我似

浏览 0提问于2018-07-19得票数 11

回答已采纳

1回答

‘`vue* cli-service构建’不生成模板代码*

vue.js、vuejs2

我试着理解为什么我没有在屏幕上看到我的Vue项目的任何东西。我查看了一个Vue CLI生成的项目，并在main.js中看到了以下代码 render: h => h(App),})> @ build C:\wamp64\www\vuewtest > <

浏览 0提问于2019-07-12得票数 2

回答已采纳

1回答

Vue.js路由器在开发模式下设置断开链路

vue.js、vue-router、vue-cli

我有一个使用vue-cli的简单vue-router项目。使用默认配置，一切都可以正常工作，但我需要/希望将路由器基础更改为/app/，这会破坏所有的链接。当我改变路由器的基础并运行开发模式(vue-cli-service serve)时，我可以访问根路由，但是所有的链接都不能工作。当我单击“链接到/app/groups”时，控制台抛出一个未找到的错误 app.js:

浏览 13提问于2022-10-27得票数 0

回答已采纳

1回答

npm运行生成后无法工作的日历

javascript、node.js、vue.js、webpack

我用vue2-datepicker作为日历。在开发过程中，当我单击表单中的输入框时，它与上面显示的日历非常好。但是，当我执行npm run build并加载结果页面时，当我执行相同的操作时，不会出现在上面的日历，更不会出现浏览器的developer控制台中的错误。我尝试过在另一个浏览器中运行代码，但没有进行任何更改。我尝试了另一个日历，我得到了完全相同的行为，在开发</em

浏览 3提问于2022-03-09得票数 0

1回答

ie11上的Phoenix Vue* polyfill空白屏幕*

webpack、vue.js、babeljs

嗨，我一直在努力从Pedro G. Galaviz那里获得这个配置Phoenix和Vue.js 的示例。在我的版本( )中，我复制了简单的webpack /巴别塔的配置-简单的模板，但是仍然不能工作。el: ‘

浏览 8提问于2018-02-13得票数 0

7回答

VueJS -在npm运行构建之后，我得到了空白页面

npm、build、vue.js

在我运行"npm run build“之后，我在控制台中得到了这个技巧：提示:构建的文件是通过HTTP服务器提供的。通过文件://打开index.html将不起作用。在我的本地服务器上，npm run dev运行得很好，但是在Apache服务器上上传项目，安装node_modules (npm install)并运行"npm run build“后，我在控制台和一个空白页面中得到了

浏览 0提问于2017-12-13得票数 10

4回答

为什么我的vue.config.js文件不能工作？

vue.js

我想部署我的应用程序，为此，我需要目标url的vue.config.js文件。但是，我在这个文件中放置的所有内容(我必须自己创建)都不起作用。avans.nl>", "scripts": { "dev": "webpack-dev-server --inline --progress --config buildtest/unit/karma.conf.js --sin

浏览 2提问于2019-04-08得票数 5

回答已采纳

点击加载更多