node.js - riotts (riot-ts) 和 jspm - 有人让它一起工作吗？

Question

我一直在关注这个雄心勃勃的项目https://github.com/nippur72/RiotTS这已将 riotjs 转移到 riot-ts。作者使用过 bower，我正在尝试使用 jspm 让它工作。

jspm repo 列表中不存在 riot-ts，所以我使用 jspm install npm:riot-ts 导入

package.json:

{
"jspm": {
  "directories": {
    "baseURL": "public/assets"
  },
  "dependencies": {
    "riot-ts": "npm:riot-ts@^1.0.14"
  },
  "devDependencies": {
    "babel": "npm:babel-core@^5.8.24",
    "babel-runtime": "npm:babel-runtime@^5.8.24",
    "core-js": "npm:core-js@^1.1.4"
  }
},
"devDependencies": {
  "elixir-jasmine": "0.0.4",
  "gulp": "^3.9.1",
  "jspm": "^0.16.35",
  "laravel-elixir": "^6.0.0-2",
  "laravel-elixir-browsersync": "^0.1.5",
  "ws-laravel-elixir-typescript": "git+https://github.com/we-studio/laravel-elixir-typescript.git"
},
"dependencies": {
  "bootstrap": "^4.0.0-alpha.2"
}
}

SystemJS 配置(为简洁起见省略了一些文件):

    System.config({
    defaultJSExtensions: true,
    transpiler: "babel",
    babelOptions: {
        "optional": [
            "runtime",
            "optimisation.modules.system"
        ]
    },
    paths: {
        "github:*": "jspm_packages/github/*",
        "npm:*": "jspm_packages/npm/*"
    },
    map: {
        "babel": "npm:babel-core@5.8.38",
        "babel-runtime": "npm:babel-runtime@5.8.38",
        "core-js": "npm:core-js@1.2.6",
        "riot-ts": "npm:riot-ts@1.0.14",
        "npm:riot-cli@2.5.0": {
            "chalk": "npm:chalk@1.1.3",
            "chokidar": "npm:chokidar@1.5.1",
            "cluster": "github:jspm/nodelibs-cluster@0.1.0",
            "co": "npm:co@4.6.0",
            "optionator": "npm:optionator@0.8.1",
            "path": "github:jspm/nodelibs-path@0.1.0",
            "process": "github:jspm/nodelibs-process@0.1.2",
            "riot-compiler": "npm:riot-compiler@2.4.1",
            "rollup": "npm:rollup@0.26.3",
            "shelljs": "npm:shelljs@0.7.0",
            "systemjs-json": "github:systemjs/plugin-json@0.1.2"
        },
        "npm:riot-compiler@2.4.1": {
            "buffer": "github:jspm/nodelibs-buffer@0.1.0",
            "fs": "github:jspm/nodelibs-fs@0.1.2",
            "path": "github:jspm/nodelibs-path@0.1.0",
            "process": "github:jspm/nodelibs-process@0.1.2"
        },
        "npm:riot-route@2.4.0": {
            "riot-observable": "npm:riot-observable@2.4.2"
        },
        "npm:riot-tmpl@2.4.0": {
            "process": "github:jspm/nodelibs-process@0.1.2"
        },
        "npm:riot-ts@1.0.14": {
            "riot": "npm:riot@2.4.1"
        },
        "npm:riot@2.4.1": {
            "fs": "github:jspm/nodelibs-fs@0.1.2",
            "path": "github:jspm/nodelibs-path@0.1.0",
            "process": "github:jspm/nodelibs-process@0.1.2",
            "riot-cli": "npm:riot-cli@2.5.0",
            "riot-compiler": "npm:riot-compiler@2.4.1",
            "riot-observable": "npm:riot-observable@2.4.2",
            "riot-route": "npm:riot-route@2.4.0",
            "riot-tmpl": "npm:riot-tmpl@2.4.0",
            "simple-dom": "npm:simple-dom@0.3.0",
            "simple-html-tokenizer": "npm:simple-html-tokenizer@0.2.5"
        },
        "github:jspm/nodelibs-assert@0.1.0": "...",
        "github:jspm/nodelibs-buffer@0.1.0": "...",
        "github:jspm/nodelibs-constants@0.1.0": "...",
        "github:jspm/nodelibs-crypto@0.1.0": "...",
        "github:jspm/nodelibs-events@0.1.1": "...",
        "github:jspm/nodelibs-http@1.7.1": "...",
        "github:jspm/nodelibs-https@0.1.0": "...",
        "github:jspm/nodelibs-net@0.1.2": "...",
        "github:jspm/nodelibs-os@0.1.0": "...",
        "github:jspm/nodelibs-path@0.1.0": "...",
        "github:jspm/nodelibs-process@0.1.2": "...",
        "github:jspm/nodelibs-punycode@0.1.0": "...",
        "github:jspm/nodelibs-querystring@0.1.0": "...",
        "github:jspm/nodelibs-stream@0.1.0": "...",
        "github:jspm/nodelibs-string_decoder@0.1.0": "...",
        "github:jspm/nodelibs-timers@0.1.0": "...",
        "github:jspm/nodelibs-tty@0.1.0": "...",
        "github:jspm/nodelibs-url@0.1.0": "...",
        "github:jspm/nodelibs-util@0.1.0": "...",
        "github:jspm/nodelibs-vm@0.1.0": "...",
        "github:jspm/nodelibs-zlib@0.1.0": "...",
        "npm:abbrev@1.0.7": "...",
        "npm:amdefine@1.0.0": "...",
        "npm:ansi@0.3.1": "...",
        "npm:anymatch@1.3.0": "...",
        "npm:are-we-there-yet@1.1.2": "...",
        "npm:arr-diff@2.0.0": "...",
        "npm:asn1.js@4.6.0": "...",
        "npm:asn1@0.2.3": "...",
        "npm:assert-plus@0.2.0": "...",
        "npm:assert-plus@1.0.0": "...",
        "npm:assert@1.4.0": "...",
        "npm:async@1.5.2": "...",
        "npm:aws-sign2@0.6.0": "...",
        "npm:aws4@1.4.1": "...",
        "npm:babel-runtime@5.8.38": "...",
        "npm:binary-extensions@1.4.1": "...",
        "npm:bl@1.1.2": "...",
        "npm:block-stream@0.0.9": "...",
        "npm:bn.js@4.11.3": "...",
        "npm:boom@2.10.1": "...",
        "npm:brace-expansion@1.1.4": "...",
        "npm:braces@1.8.5": "...",
        "npm:browserify-aes@1.0.6": "...",
        "npm:browserify-cipher@1.0.0": "...",
        "npm:browserify-des@1.0.0": "...",
        "npm:browserify-rsa@4.0.1": "...",
        "npm:browserify-sign@4.0.0": "...",
        "npm:browserify-zlib@0.1.4": "...",
        "npm:buffer-shims@1.0.0": "...",
        "npm:buffer-xor@1.0.3": "...",
        "npm:buffer@3.6.0": "...",
        "npm:chalk@1.1.3": "...",
        "npm:chokidar@1.5.1": "...",
        "npm:cipher-base@1.0.2": "...",
        "npm:combined-stream@1.0.5": "...",
        "npm:commander@2.9.0": "...",
        "npm:constants-browserify@0.0.1": "...",
        "npm:core-js@1.2.6": "...",
        "npm:core-util-is@1.0.2": "...",
        "npm:create-ecdh@4.0.0": "...",
        "npm:create-hash@1.1.2": "...",
        "npm:create-hmac@1.1.4": "...",
        "npm:cryptiles@2.0.5": "...",
        "npm:crypto-browserify@3.11.0": "...",
        "npm:dashdash@1.13.1": "...",
        "npm:debug@2.2.0": "...",
        "npm:deep-extend@0.4.1": "...",
        "npm:delayed-stream@1.0.0": "...",
        "npm:des.js@1.0.0": "...",
        "npm:diffie-hellman@5.0.2": "...",
        "npm:ecc-jsbn@0.1.1": "...",
        "npm:elliptic@6.2.7": "...",
        "npm:evp_bytestokey@1.0.0": "...",
        "npm:expand-brackets@0.1.5": "...",
        "npm:expand-range@1.8.2": "...",
        "npm:extglob@0.3.2": "...",
        "npm:extsprintf@1.0.2": "...",
        "npm:fill-range@2.2.3": "...",
        "npm:for-own@0.1.4": "...",
        "npm:forever-agent@0.6.1": "...",
        "npm:form-data@1.0.0-rc4": "...",
        "npm:fsevents@1.0.12": "...",
        "npm:fstream-ignore@1.0.5": "...",
        "npm:fstream@1.0.9": "...",
        "npm:gauge@1.2.7": "...",
        "npm:generate-function@2.0.0": "...",
        "npm:generate-object-property@1.2.0": "...",
        "npm:getpass@0.1.6": "...",
        "npm:glob-base@0.3.0": "...",
        "npm:glob-parent@2.0.0": "...",
        "npm:glob@7.0.3": "...",
        "npm:graceful-fs@4.1.4": "...",
        "npm:graceful-readlink@1.0.1": "...",
        "npm:har-validator@2.0.6": "...",
        "npm:has-ansi@2.0.0": "...",
        "npm:has-unicode@2.0.0": "...",
        "npm:hash.js@1.0.3": "...",
        "npm:hawk@3.1.3": "...",
        "npm:hoek@2.16.3": "...",
        "npm:http-signature@1.1.1": "...",
        "npm:https-browserify@0.0.0": "...",
        "npm:inflight@1.0.5": "...",
        "npm:inherits@2.0.1": "...",
        "npm:ini@1.3.4": "...",
        "npm:is-binary-path@1.0.1": "...",
        "npm:is-buffer@1.1.3": "...",
        "npm:is-equal-shallow@0.1.3": "...",
        "npm:is-glob@2.0.1": "...",
        "npm:is-my-json-valid@2.13.1": "...",
        "npm:is-number@2.1.0": "...",
        "npm:isobject@2.1.0": "...",
        "npm:isstream@0.1.2": "...",
        "npm:jodid25519@1.0.2": "...",
        "npm:jsonpointer@2.0.0": "...",
        "npm:jsprim@1.2.2": "...",
        "npm:kind-of@3.0.3": "...",
        "npm:levn@0.3.0": "...",
        "npm:lodash._basetostring@4.12.0": "...",
        "npm:lodash.pad@4.4.0": "...",
        "npm:lodash.padend@4.5.0": "...",
        "npm:lodash.padstart@4.5.0": "...",
        "npm:lodash.tostring@4.1.3": "...",
        "npm:micromatch@2.3.8": "...",
        "npm:miller-rabin@4.0.0": "...",
        "npm:mime-db@1.23.0": "...",
        "npm:mime-types@2.1.11": "...",
        "npm:minimatch@2.0.10": "...",
        "npm:minimatch@3.0.0": "...",
        "npm:mkdirp@0.5.1": "...",
        "npm:nan@2.3.3": "...",
        "npm:node-pre-gyp@0.6.28": "...",
        "npm:node-uuid@1.4.7": "...",
        "crypto": "github:jspm/nodelibs-crypto@0.1.0",
        "npm:nopt@3.0.6": "...",
        "npm:npmlog@2.0.4": "...",
        "npm:oauth-sign@0.8.2": "...",
        "npm:ripemd160@1.0.1": "...",
        "npm:rollup@0.26.3": "...",
        "npm:semver@5.1.0": "...",
        "npm:sha.js@2.4.5": "...",
        "npm:shelljs@0.7.0": "...",
        "npm:simple-dom@0.3.0": "...",
        "npm:sntp@1.0.9": "...",
        "npm:source-map-support@0.4.0": "...",
        "npm:source-map@0.1.32": "...",
        "npm:sshpk@1.8.3": "...",
        "npm:stream-browserify@1.0.0": "...",
        "npm:string_decoder@0.10.31": "...",
        "npm:stringstream@0.0.5": "...",
        "npm:strip-ansi@3.0.1": "...",
        "npm:strip-json-comments@1.0.4": "...",
        "npm:supports-color@2.0.0": "...",
        "npm:tar-pack@3.1.3": "...",
        "npm:tar@2.2.1": "...",
        "npm:timers-browserify@1.4.2": "...",
        "npm:tough-cookie@2.2.2": "...",
        "npm:tunnel-agent@0.4.3": "...",
        "npm:type-check@0.3.2": "...",
        "npm:uid-number@0.0.6": "...",
        "npm:url@0.10.3": "...",
        "npm:util-deprecate@1.0.2": "...",
        "npm:util@0.10.3": "...",
        "npm:verror@1.3.6": "...",
        "npm:vm-browserify@0.0.4": "..."
    }
});

即使在最简单的设置中，TSC 也会提示找不到 Riot tsc app.ts --module AMD

gulp 错误

    fullFilename: 'aLongPath/leg-13-calculator/public/assets/jspm_packages/npm/riot-ts@1.0.14/index.ts',
  relativeFilename: 'public/assets/jspm_packages/npm/riot-ts@1.0.14/index.ts',
  file: <File "jspm_packages/npm/riot-ts@1.0.14/index.ts" <Buffer 69 6d 70 6f 72 74 20 2a 20 61 73 20 72 69 6f 74 20 66 72 6f 6d 20 22 72 69 6f 74 22 0d 0a 0d 0a 65 78 70 6f 72 74 20 66 75 6e 63 74 69 6f 6e 20 74 65 ... >>,
  startPosition: { position: 22, line: 1, character: 23 },
  endPosition: { position: 27, line: 1, character: 29 },
  message: '\u001b[31mpublic/assets/jspm_packages/npm/riot-ts@1.0.14/index.ts(1,23): \u001b[39merror TS2307: Cannot find module \'riot\'.' }

此文件存在。路径是正确的。它只是没有发现骚乱。

有没有人有使用 jspm 的 riot-ts 示例？

更新 01-06-2016

• 没有打字文件。关于http://jspm.io/docs/getting-started.html的指南真的需要提一下。浪费了很多时间。
• 虽然这修复了 typescript 的错误，但它没有修复 riot-ts 的集成。我暂时回凉亭了。

2016 年 2 月 6 日更新

• 无法让 @template 装饰器在 typescript 中工作。尝试了多个 ts 定义文件。 TS 只是呕吐...

Answer 1

Can not get the @template decorator working within typescript. Have tried multiple ts definition files. TS just barfs...

尝试使用 npm install -g typescript@next 安装最新的开发版本

您可以创建一个名为 tsconfig.json 的文件，其中包含:

{
“编译器选项”:{
...
“experimentalDecorators”:真实的，
...
]

我还注意到 Riot-TS 的作者发布了一个使用 jspm 的 hello world，你可能想查看他的 tsconfig.json 文件，位于 https://github.com/nippur72/RiotTS-helloworld/blob/gh-pages/example-old-jpm/tsconfig.json

祝你好运!