Fuse-Box和Typescript:意外的令牌{

时间:2018-06-05 06:57:28

标签: javascript typescript tsconfig

以下是我的fuse.ts文件的顶部

import { CSSPluginOptions } from 'fuse-box/plugins/stylesheet/CSSplugin';
import { argv } from 'yargs';
import * as path from 'path';
import {
    CSSPlugin, CSSResourcePlugin, EnvPlugin, FuseBox, QuantumPlugin, 
    SassPlugin, Sparky, WebIndexPlugin, CopyPlugin, CSSModules
} from 'fuse-box';
import { SparkyFile } from 'fuse-box/sparky/SparkyFile';
import * as fs from 'fs';
const express = require('express');

class SparkyContext
{

我收到以下错误

  

从'yargs'导入{argv};

     

^

     

SyntaxError:意外的令牌{

所以第一个导入声明很好,然后它抱怨第二个。尝试移动一些导入并且大多数都有相同的错误抱怨*或{导入后意外。

我的tsconfig.json低于且非常基本和标准。

{
  "compilerOptions": {
    "baseUrl": "./src",
    "jsx": "react",
    "target": "es5",
    "module": "es2015",
    "sourceMap": true,
    "importHelpers": false,
    "removeComments": true,
    "moduleResolution": "node",
    "lib": ["es2015", "es2015.iterable", "dom"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports" : true
  }
} 

不太清楚问题是什么,也不确定在哪里看。如果我确实将它们更改为require语句,那么它可以工作。因此出于某种原因似乎不喜欢tsconfig.json。并且package.json中没有可能导致问题的任何其他重写属性。

1 个答案:

答案 0 :(得分:0)

ts-node -F -O '{\"module\": \"commonjs\"}' ./fuse.ts serve

此处添加编译器选项有效。有点奇怪,他们在这里是必要的。可能是因为全局安装了ts节点,并且可能没有在项目中获取我的tsconfig.json。

会做更多的研究和相应的更新,但与此同时这让我继续前进:)