VueJS + Typescript +动态导入

时间:2019-08-12 08:32:51

标签: typescript vue.js jestjs

我以前在这里https://github.com/facebook/jest/issues/8801开了一个问题 这是错误的地方:(

我将Vue CLI 3与Typescript v3.4.3一起使用 当我从CLI运行测试时,遇到了几个问题

Jest give me a problem about import *

 import * as tslib_1 from "tslib";
           ^

    SyntaxError: Unexpected token *

      4 | import VueRouter from 'vue-router';
      5 | import {storeFactory} from '@/store';
    > 6 | import List from '@/core/workflow-builder/NodeBuilder.vue';
        | ^
      7 | import {WidgetStateMixin} from '@owui-commons/vue-widget-state-manager';
      8 | 
      9 | const localVue = createLocalVue();

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
      at Object.<anonymous> (tests/unit/List.spec.ts:6:1)

我正在寻找文件,它们从“ tslib”中导入为tslib_1;在我的node_modules中,我发现rxjs / _esm5文件夹中有一些

transformIgnorePatterns: [
    "node_modules/(?!rxjs/)"
  ],

请随时检查顶部的链接以查看我的笑话配置和以前的日志消息

谢谢:)

1 个答案:

答案 0 :(得分:1)

这是解决方案

{
  "presets": ["next/babel"]
}

它对我有用,无需使用@ babel / plugin-syntax-dynamic-import

参考:

https://github.com/zeit/next.js/issues/5416#issuecomment-428674773