草庐IT

vuejs-ssr-typescript

全部标签

javascript - SystemJS + Karma + TypeScript - 未运行测试

几天来我一直在尝试运行一些单元测试,但没有成功。我的应用程序是用typescript编写的(单元测试也是用typescript编写的)。这是我的karma配置文件:module.exports=function(config){config.set({basePath:"../../../../",frameworks:["jasmine","systemjs"],browsers:['PhantomJS'],singleRun:true,reporters:['progress'],systemjs:{config:{paths:{systemjs:"src/main/webapp/

javascript - VueJS 异步组件数据和 promise

试用VueJS2.0RC,并使用fetchAPI为某些组件加载一些数据。这是一个模拟示例:constComponent={template:'#comp',name:"some-component",data:function(){return{basic:data.subset,records:function(){returnfetch('/datasource/api',{method:'get'}).then(function(response){returnresponse.json();}).then(function(response){if(response.statu

javascript - 环境变量 typescript

假设我有一段代码,我希望它只出现(或运行)在暂存环境中。我在该环境中设置了一个环境变量(例如,ENV='staging'),TypeScript是否可以在编译期间访问该变量?例子:if(Environment['ENV']=='staging')console.log('testing');在上述环境中,如果('staging'=='staging')...将编译为(冗余但有效的)? 最佳答案 不,这是不可能的。如果您的TypeScript文件在Node中运行,您可以使用process.env因为它是一个常规的NodeAPI-但在这

javascript - 在 Vuejs 中计算 DOM 元素之间距离的最佳方法是什么?

我正在构建一个从数据生成pdf文件的工具,我需要构建两种格式:105mm*148mm和105mm*210mm。所以我得到了整个文档,现在是我插入分页符的时候了。我用一个简单的类来做到这一点:.page-break{display:block;page-break-before:always;}现在我必须将这个类插入到我的v-for循环中。所以一个基本的想法是计算一个区间,比如每个索引都是6的倍数,我插入一个。但这不是最好的方法,我想在内容超过90mm时插入一个中断。为了做到这一点,我想计算2个断裂之间的距离,如果距离接近90毫米,则插入一个新断裂。但是,我找不到访问我的动态DOM元素的

javascript - Typescript lodash 没有默认导出一个函数

我正在尝试从lodash中只导入一个函数,如下所示:importgetfrom'lodash/get';我已经安装了lodash和@types/lodash,但出现了这个错误:@types/lodash/get/index"'hasnodefaultexport.) 最佳答案 您可以在typescript中使用importisEqualfrom'lodash/isEqual';从lodash导入单个函数,并在编译器选项(tsconfig.json)中使用esModuleInterop标志例子{"compilerOptions":{"

javascript - TypeScript - 模块在运行时未定义

我不明白我做错了什么。我在VS2012中创建了一个TypeScript项目,并在名为“Physics”的子目录中创建了一个名为“Vector.ts”的文件://ModulemodulePhysics{//ClassexportclassVector{constructor(publicx:number){}}}此外,我还有以下app.ts文件:///window.onload=()=>{varvector=newPhysics.Vector(6);};项目编译成功,但是当我启动它时,出现以下异常:0x800a1391-JavaScriptruntimeerror:'Physics'is

javascript - TypeScript 在 WebStorm 7 中将所有 ts 文件编译为单个 JavaScript 文件

我的项目中有很多.ts文件。WebStorm将每个.ts文件构建为一个js文件。但我不想要那样。我有一个app.ts文件,所有其他.ts文件都将在该app.ts文件中构建。我如何在WebStorm7中做到这一点?CLI模式下有解决方案,但如何在WebStorm中实现?tsc--outapp.jsmain.tsapp.tsa.tsb.ts或者有更好的方法吗?回答刚刚在EditWatcher的参数部分添加了这一行--sourcemap$FileName$--outyour-main.js 最佳答案 您可以在Typescript文件观察器

javascript - 带有Typescript的Angular2,如何在延迟加载模块中使用Plupload CDN脚本文件?

我想在Angular2组件中使用Plupload并从CDN访问PluploadJavaScript文件。我希望它特定于一个组件,以便在不需要时不会下载它-我希望它位于延迟加载的模块中。我怎样才能做到这一点?现在在此页面上有完整的答案!这个任务的结果如下:将Plupload与Angular2和TypeScript结合使用的示例如何在Angular2中从CDN延迟加载脚本如何在惰性加载模块中使用Plupload的示例如何在Angular2中使用延迟加载脚本(请参阅编辑历史,了解曾经构成此问题的丑陋细节。) 最佳答案 以下概述了在从CDN

javascript - React TypeScript HoC - 将组件作为 Prop 传递

遵循本教程:https://reacttraining.com/react-router/web/example/auth-workflow.尝试重现代码:constPrivateRoute=({component:Component,...rest})=>(fakeAuth.isAuthenticated?():()}/>);在typescript中:import*asReactfrom'react';import{Route,RouterProps}from'react-router';interfacePropsextendsRouterProps{component:React

javascript - 如何在vuejs中设置cookie?

在vuejs中设置cookie的最佳实践是什么?我用的是SSR,估计不能用localStorage。这里最好的方法是什么? 最佳答案 您可以使用vue-cookie或vue-cookiesnpm包。您可以在创建的方法中设置一个cookie。created(){this.$cookie.set("keyName",keyValue,"expiringtime")} 关于javascript-如何在vuejs中设置cookie?,我们在StackOverflow上找到一个类似的问题: