Как импортировать интерфейс в TypeScript?

Question

[faleaksey]

Всем привет!
импортирую интерфейс путём: экспорт из файла и импорт в файле, в котором мне нужно его применить!
если я прописываю в самом файле(где нужно его использовать явно то всё работает, если через импорт из другого файла то выдаёт ошибку: Module '"../Checkout/interface"' has no exported member 'Elements'.
Что не так?

Answer 1

[Антон Спирин]

export interface Elements {}

А вообще для переиспользуемых интерфейсов есть libdef.d.ts, интерфейсы прописанные там не надо импортировать.

Comments

[faleaksey]

Антон Спирин так и делаю... выше же описал, что сначала экспорт а потом импорт

[Антон Спирин]

faleaksey, структуру каталогов покажите и название файла с интерфейсами. И каким инструментом транспилируете код?

[faleaksey]

Антон Спирин, структура:
файл с интерфейсами: interface.ts
собирается всё через webpack, есть конечно же ts конфиг и ts-loader для webpack

[Антон Спирин]

faleaksey, конфиги покажите.

[faleaksey]

Антон Спирин, совершенно стандартный для ts

{
    "compilerOptions": {
        "outDir": "./src/assets/js/index.ts",
        "sourceMap": true,
        "module": "es6",
        "target": "es5"
    }
}

и webpack

module.exports = {
  entry: {
    index: './src/assets/js/index.ts',
    // devtool: 'inline-source-map',
  },
  module: {
    rules: [{
      test: /\.tsx?$/,
      use: 'ts-loader',
      exclude: /node_modules/
      },
      {
        test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
        use: [{
          loader: 'file-loader',
          options: {
            name: '[name].[ext]',
            outputPath: 'fonts/',
            publicPath: '../fonts/',
          },
        }],
      },
    ],
  },
    resolve: {
    extensions: [ '.tsx', '.ts', '.js' ]
  },
  output: {
    filename: 'js/[name].js',
    path: path.resolve(__dirname, 'build'),
  },
  plugins: [
    new CleanWebpackPlugin(),
    new ExtractTextPlugin('./css/[name].css'),
    ...db.map((o) => {
      return new HtmlWebpackPlugin({
        template: `ejs-compiled-loader!${path.resolve(dirTemplates, `${o.filename}.ejs`)}`,
        chunks: ['index', 'common'],
        filename: `${o.filename}.html`,
        title: o.title,
      });
    }),
  ],
};