在混合ES / TS项目中使用Vue组件

奥拉德

我希望能够同时将Vue文件用于JavaScript和TypeScript,因此在<script>标记lang中未设置或设置js为何时<script lang="ts">使用ES2015以及何时使用TypeScript。我有一个现有的vue + ts项目,现在我们决定要在用ES6编写vue-paper-dashboard上构建该应用程序我仍然想使用来将组件保留在TS和.vue文件中<script lang="ts">因此从空的仪表板项目开始,并用TS / TSLint替换Babel / ESLint。项目仍然可以正常加载:vue-paper-dashboard-typescript,但是,在.vue我设置的任何文件中,<script lang="ts">都会出现如下错误:

Module build failed: Error: Could not find file: 'src/components/Dashboard/Views/Overview.vue'.

我已经将--allowJs编译器选项设置为true。我也试着从改变入口文件main.jsmain.ts,用来entryFileIsJs: true为TS-装载机,都无济于事。如何在混合ES / TS项目中使vue单个文件组件工作?

谢谢!

奥拉德

我想我找到了解决方法。由于某种原因,它第二次尝试将入口点从更改为main.jsmain.ts并在ts文件中进行了必要的修复以进行编译,因此它可以正常工作

我在这里有一个工作示例:vue-paper-dashboard-typescript


更新: Creative-Tim现在提供使用支持TypeScript的CLI 3的Vue Paper Dashboard 2 Pro(非免费)。使用以下命令将TS支持添加到项目中vue add @vue/typescript

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在混合任务中使用Ecto

如何在混合中使用矩量格式?

如何在混合模式下对库使用依赖注入

如何在混合VueJS应用上使用(命名)插槽

当前在混合 Objective-C/Swift 项目中的导入方式

在混合语言项目中从枚举元素初始化NSNumber

R:删除图例标题并在混合类型图中使用自定义颜色

如何在混合代码的Objective-C / C ++文件(.mm文件)中使用PHPhotoLibrary?

如何在混合Java版本的世界中使用泛型?

在混合移动应用程序中使用VueJs实现Google Places

在混合任务中使用Bamboo发送电子邮件

ResourceNotFound-在混合Exchange安装程序中使用Microsoft Graph API到达本地邮箱

使用Webpack在vue.js项目中使用('@')登录路径进行ES6导入

pom.xml Maven配置以在混合Java + Kotlin项目中运行JUnit 4 + JUnit 5 Jupiter测试

在Swift和ObjectiveC混合项目中使用砌体

使用Python在混合列中将GB复杂转换为TB

如何在混合使用值和键的情况下将Dictionary转换为List?

使用“循环”时,渲染不在混合器中启动

仅使用Kestrel对特定端口(在混合端口上侦听)进行HTTPS重定向

在混合时使用Doctrine Lifecycle回调进行依赖项注入

无法在基于 jest 和 vue-test-utils 的测试项目中使用 vue.js 的 ES6 模块

如何在混合的Web API和MVC应用程序中使用Autofac解析Web API控制器?

在混合应用程序开发中使用本地存储作为“本地数据库”-危险还是有用?

在 vue typescript 项目中使用 vuejs 组件

在Angular CLI项目中使用ES6

一个人可以使用本地Kubernetes来管理部署在混合云中的集群吗?

如何使用熊猫中的正则表达式在混合数据的df列中查找数字

如何使用jacoco获取在混合声纳尔中的单元测试的代码覆盖率

我可以在sbt构建的混合Scala 2.10 / Java项目中使用Java 8吗?