Webpack et Tapuscrit: Impossible de résoudre le module "child_process" dans le nœud.d.ts

J'ai essayé d'obtenir webpack, tapuscrit et react.js travailler ensemble via génial-tapuscrit-chargeur, mais j'ai toujours des erreurs.

Je suis en utilisant génial tapuscrit du chargeur à la Version 0.3.0-rc.2 et webpack 1.8.9

C'est mon webpack.config.js:

module.exports = {
    entry: './ui/index.ts',
    output: {
        path: __dirname + '/build-ui',
        filename: 'app.js',
        publicPath: 'http://localhost:8090/assets'
    },
    module: {
        loaders: [
            {
                test: /\.jsx$/,
                loader: 'jsx-loader?insertPragma=React.DOM&harmony'
            },
            {
                test: /\.css$/,
                loader: "style-loader!css-loader"
            },
            {
                test: /\.scss$/,
                loader: "style-loader!css-loader!sass-loader"
            },
            {
                test: /\.(png|jpg)$/,
                loader: 'url-loader?limit=8192'
            },
            {
                test: /\.ts$/,
                loader: 'awesome-typescript-loader'
            }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.jsx', '.ts']
    }
};

Quand je lance le webpack serveur de dev et mon index.ts ressemble à ceci:

alert('hello');

Il indique l'erreur suivante:

ERROR in ./ui/index.ts
/Users/..../typings/node/node.d.ts:29:12 
Subsequent variable declarations must have the same type.  Variable 'require' must be of type 'WebpackRequire', but here has type '{ (id: string): any; resolve(id: string): string; cache: any; extensions: any; main: any; }'.

Même quand je l'ai mis dans le chemin de référence.

Lorsque j'essaie d'importer les React.js via import React = require('react'); il déclare:

ERROR in ./ui/index.ts
Module build failed: Cannot resolve module 'child_process' in /..../typings/node
    Required in /..../typings/node/node.d.ts

J'ai copié le nœud.d.ts fichier à partir du chargeur de pensions, toujours pas de chance.

Personne n'a été en mesure d'obtenir cette combinaison de travail en douceur? Ou devrais-je utiliser un autre web de l'emballeur?
J'aimerais vraiment tiens à le faire fonctionner avec webpack.

InformationsquelleAutor Johannes Klauß | 2015-05-02
  1. 4

    Tous vous manque une clé target: 'node'.

    Cela permet de s'assurer que l'environnement, vous êtes le ciblage est Node.js et pas le navigateur, et donc ignorer natif dépendances.

    Final Config:

    JS:

    module.exports = {
    entry: './ui/index.ts',
    target: 'node',
    output: {
        path: __dirname + '/build-ui',
        filename: 'app.js',
        publicPath: 'http://localhost:8090/assets'
    },
    module: {
        loaders: [
            {
                test: /\.jsx$/,
                loader: 'jsx-loader?insertPragma=React.DOM&harmony'
            },
            {
                test: /\.css$/,
                loader: "style-loader!css-loader"
            },
            {
                test: /\.scss$/,
                loader: "style-loader!css-loader!sass-loader"
            },
            {
                test: /\.(png|jpg)$/,
                loader: 'url-loader?limit=8192'
            },
            {
                test: /\.ts$/,
                loader: 'awesome-typescript-loader'
            }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.jsx', '.ts']
    }
};

    InformationsquelleAutor AP.
  2. 1

    Vous pourriez envisager d'utiliser un autre webpack Tapuscrit chargeur. Je sais que quelques-uns avaient des problèmes avec le noeud de trucs. Il ya aussi un couple starter kits qui peuvent vous aider.

    Disclaimer: je suis le responsable de ts-loader.

    • a beaucoup plus d'erreurs à l'aide de ts-chargeur
    InformationsquelleAutor James Brantly
  3. 0

    Essayez de créer un tsconfig.json fichier.

    Par exemple, que vous utilisez awesome-typescript-loader cela devrait fonctionner:

    {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "noEmitHelpers": true
  },
  "exclude": [
    "node_modules"
  ],
  "awesomeTypescriptLoaderOptions": {
    "forkChecker": true
  },
  "compileOnSave": false,
  "buildOnSave": false,
  "atom": { "rewriteTsconfig": false }
}
    InformationsquelleAutor acdcjunior