타이프 라이터의 수출 정의하지 않은

나는'm 을 사용하려고 내보내기 및 가져오지만 그것은 작동하지 않은 오류가 발생

여기에는 나의 코드를 HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    @RenderBody()

    <script src="~/scripts/user.js"></script>
    <script src="~/scripts/main.js"></script>
</body>
</html>

사용자.ts:

export class User {
    firstName: string;
    lastName: string;
}

습니다.ts

import { User } from "./user";

여기에는 또한 스크린샷의 예외:

프로그래밍
model-view-controller typescript
18일 4월 2017 в 12:54
아직 보기가 없습니다.
해결책

당신은 몇 가지 옵션을 선택할 수 있습니다:

옵션 1:모듈을 사용 로더럼웹팩,Browserify,etc.

옵션 2:하려는 경우에는 컴파일을*.tsto*.js없이 모듈의 수입 또는 수출,세트compilerOptions.모듈면"none"에서 당신의tsconfig.json. 참고는't 할 수 있게 내보내기/가져오기 모듈을 설정할 때compilerOptions.모듈면"none".

James W.
편집된 답변17일 5월 2019 в 6:53
해설 (3)

다음을 시도 변화

HTML:




    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    @RenderBody()


    <script src="~/scripts/main.js"></script>

tsconfig.json

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true,
    "outFile": "~/scripts/main.js",
    "lib": [
      "dom",
      "es2015",
      "es5",
      "es6"
    ]
  }
}

이 설정과 함께 당신의 출력은 하나 js 파일 무엇을 할 수 있습니 uglified wunderfull,을 포함하는 모든 파일을 참조에 있습니다.ts. i just don't know if~/작동하거나는 경우를 설정할 필요가 있습니다 상대적인 경로를 설정파일에,나는'm 작업하지 않습니다.

사용자.ts

class User {
    firstName: string;
    lastName: string;
}

습니다.ts:

/// 

// import { User } from "./user"; // not needed if referenced
console.log(new User());

모든 참조하 선언을 작성해야의 시작 부분에서 파일

TypedSource
편집된 답변18일 4월 2017 в 4:12
해설 (8)

타이프 라이터 기본적으로 사용하여 노드 모듈 해상도입니다. Node.js /CommonJS 사용exports키워드를 사용합니다. 그러나,CommonJS 지 않't 에서 실행하지 않고 브라우저 모듈로더 또는 모듈은 번들러. 따라서,당신은 필요 browserify 또는 웹팩 그것을 실행에 브라우저입니다.

확인 링크 https://www.typescriptlang.org/docs/handbook/gulp.html

을 설정할 수도 있습니다*모듈을 설치해 주세요.*없음컴파일러 옵션섹션에서tsconfig.json*:

{ "compilerOptions":{ "target":"es5", "module":"none" } }

Ibro
편집된 답변19일 4월 2017 в 8:14
해설 (2)

이것은 나를 위해 일했:

내 enum.ts

const MyEnum = {
'test': 456,
'Default': 123
}

구성 요소입니다.ts

import * as MyEnum from 'my-enum';
해설 (0)