Vuetify TextField不在我的Vue + ASP核心项目中渲染

时间:2018-02-07 10:56:38

标签: vuejs2 single-page-application asp.net-core-2.0 vuetify.js

我正在尝试在模板中使用文本字段,但面临使用它的问题。我的项目是Vue + ASP.NET核心的SPA。

我正在使用的依赖...

VsDevCmd.bat -host_arch=amd64 -arch=amd64

这就是我想要实现的。它在codepen中运行良好,这里是链接 https://codepen.io/anon/pen/RQGdBq

"vue": "^2.5.2",  // But 2.3.4 is getting installed and i have no idea why
"vue-loader": "^11.1.4",
"vue-property-decorator": "^5.0.1",
"vue-router": "^2.3.0",
"vue-template-compiler": "^2.5.2", // But 2.3.4 is getting installed and i have no idea why
"vuetify": "^0.16.6",

但是当在我的应用程序中使用时,它看起来像这样......基本上无法根据控制台日志找到TextField元素。

这是结果,文本字段未呈现 This is the result, Text field is not rendering

呈现页面时在控制台中打印的错误。 The error that is printed in console when the page is rendered.

有人遇到过这个吗?有人可以告诉我这有什么问题吗?

2 个答案:

答案 0 :(得分:0)

尝试向id添加任意v-text-field(我认为这是一种解决方法)。

但是,如果这不起作用,请尝试更新vue版本 - 如果这不起作用,请同时更新vuetify版本。

我不确定,但我认为vuetify 需要 vue 版本2.4。或更高版本(也许您会收到警告vue版本?如果你这样做,请检查控制台,所以将vue更新为所需的版本。)

(您可以从vue删除node_modules,然后再次运行npm install,因此应安装正确的版本,即v2.5.2并注意vue-template-compiler也应该是与vue)相同的版本

答案 1 :(得分:0)

问题在于Visual Studio。

原因:dist文件夹中的文件永远不会更新,与独立JS应用程序的文件不同。因此,即使特定组件更新后,供应商js和供应商css也永远不会更新。 删除dist文件夹解决了这个问题。