草庐IT

vuejs-ssr-typescript

全部标签

javascript - 带有 Webpack 的 VueJS : imports and exports not working as expected

我启动了一个新的Vuetify/Webpack项目,并尝试通过vueinitvuetify/webpack设置项目后实现vue-router。我根据thistutorial中的说明设置路由器.经过一些摆弄后,我通过更改导入Vue组件的方式使其正常工作。在我的router/index.js文件中://worksformeimportMainfrom'../components/Main.vue'//doesNOTwork;fromthetutorialimportMainfrom'@/components/Main'我的问题是,为什么我必须相对导入我的Main.vue文件并在导入时包含.

javascript - TypeScript 可更新和枚举引用

我有一个用JavaScript编写的外部SDK,我正在使用它。这些模块之一,Blob是可更新的,但也公开了一个枚举FooEnum(成员Bar和Baz).在JavaScript中使用此SDK的代码如下:constblobInstance=newSdk.Blob();constfooType=Sdk.Blob.FooEnum.Baz;我现在正在尝试编写一个接口(interface),我可以将此SDK转换到该接口(interface),以提供一些类型安全性。这是我到目前为止所得到的:interfaceBlobInterface{}enumFoo{Bar,Baz}interfaceSdk{Bl

javascript - 如何在 Vue.js - Nuxt - TypeScript 应用程序中访问路由参数?

我正在构建一个基于NuxtTypeScriptStarter的网站模板。我在我的页面文件夹中创建了一个动态路由的页面_id.vue,我想在我的TS类中访问该id属性。我可以通过编写{{$route.params.id}}在我的模板中访问它,但是当我尝试在类中引用$route时,我得到一个错误:errorTS2304:Cannotfindname'$route'. 最佳答案 作为一个简单的解决方案,尝试从vue-router导入路由,如下所示:importComponentfrom"vue-class-component"import

javascript - 使用 javascript 扩展 typescript 库

我正在使用Ionic3构建一个简单的map应用程序,以便展示我正在使用leaflet(打字版)和OpenStreetmap图block我想给用户下载和缓存map的可能性,因此我找到了leaflet-offlinehere并想使用它,因为它允许我使用我的localstorage来存储图像。现在我的问题出现了,因为我正在尝试将typescript与javascript混合使用,但我不知道如何使其正常工作。我做了什么,有什么问题:我安装了leaflettyped版本,然后安装了leaflet-offlinejavascript版本。现在我在我的页面中按如下方式导入它们:import*asle

javascript - 使用 enzyme 和 TypeScript 的浅层 HOC

我有一个HOC要测试,在浅挂载期间我应该调用一些类方法:it('Shouldnotcalldispatch',()=>{constdispatch=jest.fn()constWrappedComponent=someHoc(DummyComponent)constinstance=shallow(,).instance()asWrappedComponentinstance.someMethod()expect(dispatch).toHaveBeenCalledTimes(0)})测试工作正常但TS编译器抛出错误Cannotfindname'WrappedComponent'.这是

javascript - 为什么 TypeScript 转译器将枚举编译成字典查找而不是简单的对象?

我很好奇为什么TypeScript转译器将枚举编译成字典查找而不是简单的对象。这是一个TypeScript枚举示例:enumtransactionTypesEnum{None=0,OSI=4,RSP=5,VSP=6,SDIV=7,CDIV=8}这是TypeScript发出的JS代码:varTransactionTypes;(function(TransactionTypes){TransactionTypes[TransactionTypes["None"]=0]="None";TransactionTypes[TransactionTypes["OSI"]=4]="OSI";Tran

javascript - react /nextJS : How to debug different nodes of SSR react application?

我正在运行一个运行SSR的nextJS应用程序。但是我确实得到了错误:Warning:DidnotexpectserverHTMLtocontainain.因此服务器端和客户端Node之间似乎存在差异。我怎样才能找到这些差异?这是示例应用程序的代码库:https://github.com/jaqua/nextjs-app只需运行npminstall和npmrundev 最佳答案 根据页面大小,手动比较两个html可能相当麻烦,因此建议首先评估可能出现的错误,而不是暴力破解。根据我在99%的情况下的经验,当您执行以下操作时,会发生SS

javascript - Typescript 不从 TFS 发布生成 .js

我会尽量具体一点。我们使用TFS并使用typescript作为客户端脚本。当我们在本地开发时,我们可以完全正常地做所有事情,但问题来自TFS发布的网站。问题是当我们想要部署时,或者如果我们想要自动化它,我们需要做一个解决方法,因为在_PublishedWebsites下typescript似乎不编译任何东西,脚本文件夹只包含.ts文件。目前,解决方法是转到构建文件夹并从那里复制.js文件。此解决方法目前有效,但我认为理想的情况是在_PublishedWebsites文件夹下生成.js文件。我们尝试了不同的选择,但我们还没有找到解决方案,而且周围找到的信息也不是很多。如有任何帮助,我们将

javascript - 调用通过构造函数传入的函数时,我可以避免在 Typescript 中使用单词 "this"吗?

我有:classAdminHomeController{privateconfig1;//Itrieddifferentvariationsherebutnoneworkedpublicconfig2;//constructor(private$scope:IAdminHomeControllerScope){this.config=$scope.config;//{this.config.clear();};}此代码有效,this.config具有我需要的所有方法。但是有没有办法我可以删除对this的需要吗?我希望能够编写以下代码:configChanged=(clear)=>{co

javascript - 从Typescript中的实例访问静态方法

为什么我不能这样做?是由于Javascript/Typescript的技术限制,还是Typescript开发人员的设计决定?同样的代码在Java或C#中也能正常工作。classTest{staticstr:string="test";publicstaticgetTest():string{returnthis.str;}}//worksasexpectedconsole.log(Test.getTest());//won'tcompilevartest:Test=newTest();console.log(test.getTest()); 最佳答案