robwormald / ng-universal-demo

256 stars 126 forks source link

Setup Error #23

Open KrGyan opened 7 years ago

KrGyan commented 7 years ago

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

Steps: 1) cloned the repo. 2) npm install (to install all dependencies) 3) npm start - (Error got on this step)

Orvisky commented 7 years ago

Hi,

solution for this error actually is:

const ngtools = require('@ngtools/webpack');
const path = require('path');

module.exports = {
    entry: {
        main: './src/main.server.ts'
    },
    resolve: {
      extensions: ['.ts', '.js']
    },
    target: 'node',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js'
    },
    plugins: [
        new ngtools.AotPlugin({
            tsConfigPath: './tsconfig.json'
        })
    ],
    module: {
        rules: [
            {
              test: /\.ts$/,
              loader: '@ngtools/webpack'
            }
        ]
    }
}

But unfortunately, after i fixed this, another errors occured:

ERROR in Error encountered resolving symbol values statically. Could not resolve @angular/animations/browser relative to /Users/****/angular-universal-test/node_modules/@angular/platform-browser/animations/index.d.ts., resolving symbol ɵf in /Users/****/angular-universal-test/node_modules/@angular/platform-browser/animations/index.d.ts, resolving symbol BrowserAnimationsModule in /Users/****/angular-universal-test/node_modules/@angular/platform-browser/animations/index.d.ts, resolving symbol BrowserAnimationsModule in /Users/****/angular-universal-test/node_modules/@angular/platform-browser/animations/index.d.ts

ERROR in /Users/****/angular-universal-test/src/main.server.ts (5,42): Cannot find module './ngfactory/src/app.server.ngfactory'.

ERROR in ./src/main.server.ts
Module not found: Error: Can't resolve './ngfactory/src/app.server.ngfactory' in '/Users/****/angular-universal-test/src'
 @ ./src/main.server.ts 3:0-80

ERROR in ./~/@angular/platform-server/@angular/platform-server.es5.js
Module not found: Error: Can't resolve '@angular/animations/browser' in '/Users/****/angular-universal-test/node_modules/@angular/platform-server/@angular'
 @ ./~/@angular/platform-server/@angular/platform-server.es5.js 9:0-63
 @ ./src/express-engine.ts
 @ ./src/main.server.ts

ERROR in ./~/@angular/platform-browser/@angular/platform-browser/animations.es5.js
Module not found: Error: Can't resolve '@angular/animations/browser' in '/Users/****/angular-universal-test/node_modules/@angular/platform-browser/@angular/platform-browser'
 @ ./~/@angular/platform-browser/@angular/platform-browser/animations.es5.js 10:0-206
 @ ./~/@angular/platform-server/@angular/platform-server.es5.js
 @ ./src/express-engine.ts
 @ ./src/main.server.ts

ERROR in ./~/@angular/platform-browser/@angular/platform-browser/animations.es5.js
Module not found: Error: Can't resolve '@angular/animations' in '/Users/****/angular-universal-test/node_modules/@angular/platform-browser/@angular/platform-browser'
 @ ./~/@angular/platform-browser/@angular/platform-browser/animations.es5.js 9:0-83
 @ ./~/@angular/platform-server/@angular/platform-server.es5.js
 @ ./src/express-engine.ts
 @ ./src/main.server.ts

I am running:

macOS Sierra, 10.12.5 (16F73)
npm 3.10.10
node v6.9.5
ysazak commented 7 years ago

Exactly same problem here as well

Windows 8