I Got error Like this in Angular

906 views Asked by At

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! [email protected] start: `ts-node src/server.ts`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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:
1

There are 1 answers

12
Rakesh Chand On BEST ANSWER

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