2016-10-07 9 views
2

私はangular2 quickstartアプリケーションからダウンロードした角度2アプリケーションを開発しています。アプリケーションを実行してビルドすると、requireが定義されていないことが示されます。以下は一般的なものを使用しているTypeScriptビルドは不要です

Uncaught ReferenceError: require is not defined 

私は

//index.html 
<!DOCTYPE html> 
<html> 
<head> 
    <title>Angular QuickStart</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="app/styles/main.css"> 

    <!-- Polyfill(s) for older browsers --> 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
    <script src="node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 

    <script src="systemjs.config.js"></script> 
    <script> 
    System.import('app').catch(function(err){ console.error(err); }); 
    </script> 
+0

commonjsでビルドしてインポートしようとしています –

+0

はい、ビルド中にcommin jsが使用されていますか –

答えて

2

system.js含めていますどのようにコードであるあなたがcommonjsを構築し、systemjsローダーをロードしようとしようとしたときに発生します。あなたはtsconfig.jsonでモジュールをシステムに変更します。

下記のmy tsconfig.json。

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "system", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true 

    } 
} 
関連する問題