☰

js-modules を TypeScript ファイルにインポートするにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript typescript protractor webstorm
js-modules を TypeScript ファイルにインポートするにはどうすればいいですか? 質問する

次のようなファイルを含む Protractor プロジェクトがあります:

var FriendCard = function (card) {
    var webElement = card;
    var menuButton;
    var serialNumber;

    this.getAsWebElement = function () {
        return webElement;
    };

    this.clickMenuButton = function () {
        menuButton.click();
    };

    this.setSerialNumber = function (numberOfElements) {
        serialNumber = numberOfElements + 1;
        menuButton = element(by.xpath('.//*[@id=\'mCSB_2_container\']/li[' + serialNumber + ']/ng-include/div/div[2]/i'));
    };

    this.deleteFriend = function () {
        element(by.css('[ng-click="deleteFriend(person);"]')).click();
        element(by.css('[ng-click="confirm()"]')).click();
    }
};
module.exports = FriendCard;

ファイルへのパスは です./pages/FriendCard.js。

以下を使用して別のファイルにインポートしても問題はありませんrequire():

var FriendCard = require('./../pages/FriendCard');

そこで、このファイルを次のように TypeScript ファイルにインポートすることにしました。

import {FriendCard} from './../pages/FriendCard'

私はWebStormを使用しています。TS2305) エクスポートされたメンバー「FriendCard」がありません。

おそらく tsconfig.json ファイルを何らかの方法で設定する必要があるのでしょうが、それがどのように機能するかまだわかりません。助けていただけませんか?

ベストアンサー1

次のようにしてモジュール全体をインポートできます。

import * as FriendCard from './../pages/FriendCard';

詳細については、モジュールTypescript 公式ドキュメントのセクション。

最近更新されたソリューション:微調整が必​​要ですtsconfig.jsonJS モジュールのインポートを可能にします。以下のソリューションは @paulmest、@ben-winding、@crispen-gari によるものです。

{
  "compilerOptions": {
    "allowJs": true
  }
}

おすすめ記事