Search code examples
angularseong2-translate

I Got error Like this in Angular


In my angular 2 project i used SEO when i include ng2 timeout plugin and run the Project using 'npm start' i got this error

ts-node src/server.ts

(function (exports, require, module, __filename, __dirname) { export { ShTimeoutModule } from "./src/timeout.module";
                                                              ^^^^^^
SyntaxError: Unexpected token export
    at createScript (vm.js:56:10)
    at Object.runInThisContext (vm.js:97:10)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (E:\project\src\app\app.module.ts:28:1)

npm ERR! Windows_NT 6.3.9600
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
npm ERR! node v6.11.1
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! project@0.0.0 start: `ts-node src/server.ts`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the project@0.0.0 start script 'ts-node src/server.ts'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the project package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     ts-node src/server.ts
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs project
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls project
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:

Solution

  • replace you ts-node with node where ever you're using and install webpack

    add this in you package.json

    "prestart": "ng build --prod --no-sourcemap && ngc && webpack",
    "start": "node dist/server.js"
    

    Create a webpack.config.js at package.json level and following content

    const path = require('path');
    const webpack = require('webpack');
    const nodeExternals = require('webpack-node-externals');
    module.exports = {
        entry: {
            server: './src/server.ts'
        },
        resolve: {
            extensions: ['.ts', '.js']
        },
        target: 'node',    
        plugins: [
        new webpack.NormalModuleReplacementPlugin(/\.\.\/environments\/environment/, '../environments/environment.prod')
        ],
        externals: [nodeExternals({
            whitelist: [
            /^ng2-timeout/
            ]
        })],
        node: {
            __dirname: true
        },
        output: {
            path: path.join(__dirname, 'dist'),
            filename: '[name].js'
        },
        module: {
            rules: [
            { test: /\.ts$/, loader: 'ts-loader' }
            ]
        }
    }
    

    add all other libraries in whitelist of externals which are causing errors.

    And do npm start

    follow this issue for more detailed explanation and solutions https://github.com/ngx-translate/core/issues/581