2017-09-05 12 views
2

私は現在、既存のvue.jsプロジェクトをnuxt.jsに変換しようとしています。 nuxt.jsにフロータイプのサポートを追加できません。私はフローサーバーを実行すると、エラーは表示されません!実行しているnpmの実行devは、フロー構文のthrowingエラーです。Nuxt.jsでflowtypeを実装する方法

.flowconfig 

[include] 
pages/**/.* 
components/**/.* 
layouts/**/.* 
apiRoutes/.* 
store/.* 
utils/.* 


[ignore] 
.*/build/.* 
.*/config/.* 
.*/dist/.* 
.*/node_modules/.* 
.*/static/.* 
.*/test/.* 
.*/ssl/.* 
.*/.nuxt/.* 

[libs] 
./flow/ 

[options] 
emoji=true 
module.file_ext=.vue 
module.file_ext=.js 
server.max_workers=3 
log.file=./flow.log 
suppress_comment= \\(.\\|\n\\)*\\$FlowFixMe 
unsafe.enable_getters_and_setters=true 
module.system.node.resolve_dirname=node_modules 
module.name_mapper='^.*\.css$' -> 'empty/object' 
module.name_mapper='^.*\.js$' -> 'empty/object' 
module.name_mapper='^@/\(.*\)$' -> '<PROJECT_ROOT>/\1' 

すべての必要なbabelパッケージとeslintパッケージを追加しました。 NPMの実行DEVを実行する上で

.babelrc 
{ 
    "presets": [ 
    ["env", { "modules": false }], 
    "stage-2", 
    ["es2015", {"modules": false }], 
    "flow-vue" 
    ], 
    "plugins": [ 
    "transform-runtime", 
    "transform-class-properties", 
    "syntax-flow", 
    "transform-flow-strip-types" 
    ], 
    "comments": false, 
    "env": { 
    "test": { 
     "presets": ["env", "stage-2"], 
     "plugins": [ "istanbul" ] 
    } 
    } 
} 

.eslintrc.js 
module.exports = { 
    root: true, 
    parserOptions: { 
    parser: 'babel-eslint', 
    sourceType: 'module' 
    }, 
    env: { 
    browser: true, 
    node: true, 
    jquery: true 
    }, 
    extends: [ 
    'standard', 
    'plugin:flowtype/recommended' 
    // 'plugin:vue/recommended' 
    ], 
    // required to lint *.vue files 
    plugins: [ 
    'html', 
    'flowtype-errors', 
    'flowtype' 
    ], 
    // add your custom rules here 
    rules: { 
    'flowtype-errors/show-errors': 2, 
    // allow paren-less arrow functions 
    'arrow-parens': 0, 
    'semi': ["error", "always"], 
    // allow async-await 
    'generator-star-spacing': 0 
    }, 
    globals: {} 
} 

、それは私がバベルを設定するには、instructions on the flow websiteを、以下の提案

flowtype_error

答えて

0

flowtype構文を解析doesntの。特にプリセットがあるので、個々のルールを設定する必要はありません。その後、実際にはBabelを実行する必要があります(再度、指示はウェブサイト上にあります)。 Babelを実行すると、Nodeで出力されたコードを実行できるはずです。

+1

まだヘルプはありません。私はどこかでnuxtがwebpackの設定を処理しているように私の問題を多少絞り込んだ。私が 'npm run build'を実行すると、それは完全に動作します。私はdevのビルドの仕方がうまくいかないと考えています。 – nemoblob

関連する問題