Как использовать Typescript в браузере с Babel и Webpack - PullRequest
Новая
       4

Как использовать Typescript в браузере с Babel и Webpack

0 голосов
/ 20 марта 2020

Я пытаюсь использовать Typescript в своем браузере, используя эту архитектуру: Typescript в архитектуре браузера

Но импорт / экспорт не работает, когда я использую эту команду:

ts c && babel build-ts -d lib && webpack --config webpack.config. js

ОШИБКА в ./lib/ index. js Модуль не найден: Ошибка: не удается разрешить 'index' в 'C: \ Users \ aurel \ Desktop \ Platformer \ lib'

ОШИБКА в ./lib/index.js Модуль не найден: Ошибка: не удается разрешить 'файл' в 'C: \ Users \ aurel \ Desktop \ Platformer \ lib'

index. html: 

<script src="dist/bundle.js"></script>

index.ts 

export const index = "test";
import { file } from 'file';

console.log(file)

file.ts 

export const file = "test";
import { index } from 'index';

console.log(index)

webpack.config. js

const glob = require("glob");

module.exports = {
   entry: {
   js: glob.sync("./lib/**/*.js"),  
},
output: {
  filename: 'bundle.js',
  path: __dirname + '/dist',
},
};

tsconfig . json

"target": "es6",
"module": "amd",
"outDir": "./build-ts",

У вас есть идея? Я не могу понять, как это сделать, заранее спасибо!

1 Ответ

0 голосов
/ 20 марта 2020

Ваш импорт должен быть относительным, а не абсолютным: 

export const index = "test";
import { file } from './file';

console.log(file)

export const file = "test";
import { index } from './index';

console.log(index)

По умолчанию поиск по абсолютному импорту будет выполняться в каталогах node_modules.

...