我在Laravel + Vite + Vue 3项目上有问题。我已经安装了所有的文档和所需的东西,这个项目与Laravel和Vite分开工作。但问题是,TypeScript不承认出口违约。它总是给出一个错误,比如:
MainLayout.vue:42
Uncaught SyntaxError: The requested module '/resources/scripts/composable/Auth.js' does not provide an export named 'default' (at MainLayout.
实际上还有一个类似的问题:How do I fix typescript compiler errors on css files? 所以我尝试在typescript中导入css模块,如下所示: import * as styles from "./App.css";
//App.tsx return some jsx:
<h3 className={styles["background"]}>CSS Here</h3> // ./App.css
.background {
background-color: pink;
我是TypeScript初学者,但我有开发TypeScript的经验,我想知道用TypeScript编写的推荐文件结构是什么--特别是在模块方面。
假设我有几个模块:ui.dashboard、ui.models、util.events和util.common。
每个模块可能包含几个类。在Java中,我将有以下文件结构(其中<base>是项目的基本包,例如com.my.app):
src/<base>/ui/dashboard/<file per class>
src/<base>/ui/models/<file per class>
我是TypeScript的新手,正在尝试将我目前的JavaScript转换为TypeScript。
在JS中,我的结构如下:
var roles = {
x: require('role.x'),
y: require('role.y')
};
为了以后迭代这些角色,如下所示:
for (var index in roles) {
var role = new roles[index];
if (someObject.role == role.role) {
role.run(someObject);
}
}
然而,在Type
有没有办法在同一个TypeScript文件中同时导入和导出相同名称的变量?
例如,以下情况:
import { State as UIState } from './ui'
import { State as ConnectionState } from './connection'
export { State as UIState } from './ui'
export { State as ConnectionState } from './connection'
export type State = {
u
我有一个JavaScript文件(TestAdd.js),其中包含一个我想在TypeScript文件(CalcTest.ts)中使用的函数 下面是JavaScript: var TestSum;
(function (TestSum) {
var Cal = (function () {
function Cal() {
}
Cal.prototype.doAdd = function (a, b) {
return a + b;
}
})
}) 下面是TypeScript: /// <reference
我将TypeScript转换为ES2015 (因为我需要异步,等待),然后将ES2015转换为Node4支持的ES2015 (Node4与ES2015不完全兼容)。
问题是express的TypeScript定义不包含default字段。但是这个字段实际上存在于Javascript代码中。(实际上express只是一个例子,例如在许多其他库bluebird中都存在问题)
因此,如果我导入import {default as express} from "express";,则会出现编译TypeScript错误。如果作为import * as express from "
我正在建立一个新的项目使用斯维特,Webpack,和TypeScript。它基于,并在初始设置后运行scripts/setupTypeScript.js脚本以切换到TypeScript。
当试图导入非TypeScript文件的资源时,VSCode和TypeScript将显示有关它们的错误:
import myContent from './some-file.txt';
// -> Cannot find module './some-file.txt' or its corresponding type declarations.ts(2307)
从技术
我正在使用Moment.js在我的TypeScript项目中处理datetime对象。我想定义一个对象类型,它有一个键值为Moment的类型。
但是,当我将以下内容添加到全局定义文件(test.d.ts)中时,在项目中找不到该文件中的任何接口。
import { Moment } from 'moment';
interface Test {
date: Moment;
}
当我尝试在.ts或.tsx文件中使用该接口时,我收到以下TypeScript错误:
[at-loader] ./src/<examplefilename>.tsx:91:26
T
在typescript中,我可以像这样导入另一个module\命名空间:
namespace Shapes2 {
import shapes = Shapes;
var bar = new shapes.Bar();
}
但是,我可以很容易地直接引用名称空间。
namespace Shapes3{
var shapes = Shapes;
var bar = new shapes.Bar();
}
import做了什么有用的事情吗?
什么时候我想要输入import而不是var
我正在尝试建立一个基本的应用程序,有角1+类型记录2和Webpack。这个应用程序可以正常工作,直到我尝试使用外部模块,例如:angular-ui-router。
它总是抱怨找不到依赖项:
ERROR in ./src/app.ts Module not found: Error: Cannot resolve module 'angular-ui-router' in ./src/app.ts 3:26-54
演示显示问题:
我怀疑我没有正确导入路由依赖项,尝试:
import uiRouter from 'angular-ui-router';
im