Ember 1.11 upgrade from 1.8 - ember.js

I'm trying to update an app from ember 1.8.1 to 1.11.1. When I run ember serve I get the following error in my console:
Uncaught Error: Cannot call `compile` without the template compiler loaded. Please load `ember-template-compiler.js` prior to calling `compile`.
I have tried following all of these guides: http://emberjs.com/blog/2014/10/16/handlebars-update.html, http://emberjs.com/blog/2015/02/05/compiling-templates-in-1-10-0.html, https://github.com/rwjblue/components-in-subdirs/commit/78e7ed2d072f42d9cf0fd3d9fc2376f106ab762e.
In particular I have definitely updated to ember-cli-htmlbars, yet I still get this error. I have tried adding this line to bower.son but with no luck:
"ember-template-compiler": "http://builds.emberjs.com/tags/v1.11.1/ember-template-compiler.js"
My package.json and bower.json, and Brocfile.js are below. Any ideas would be greatly appreciated!
Many thanks
* UPDATE *
The problem was with ember-cli-bootstrap. Removing that fixed the issue.
package.json
{
"name": "mercury-ember",
"version": "0.0.0",
"description": "Small description for mercury-ember goes here",
"private": true,
"directories": {
"doc": "doc",
"test": "tests"
},
"scripts": {
"start": "ember server",
"build": "ember build",
"test": "ember test"
},
"repository": "",
"engines": {
"node": ">= 0.10.0"
},
"author": "",
"license": "MIT",
"devDependencies": {
"aws-sdk": "^2.1.18",
"broccoli-asset-rev": "^2.0.0",
"ember-cli": "0.2.3",
"ember-cli-babel": "^5.0.0",
"ember-cli-app-version": "0.3.1",
"ember-cli-bootstrap": "0.0.15",
"ember-cli-cordova": "0.0.16",
"ember-cli-dependency-checker": "0.0.7",
"ember-cli-font-awesome": "0.0.9",
"ember-cli-form-data": "0.0.8",
"ember-cli-htmlbars": "^0.7.0",
"ember-cli-ic-ajax": "0.1.1",
"ember-cli-inject-live-reload": "^1.3.0",
"ember-cli-ion-rangeslider": "0.0.5",
"ember-cli-qunit": "0.3.1",
"ember-cli-simple-auth": "^0.7.3",
"ember-cli-simple-auth-devise": "^0.7.3",
"ember-cli-simple-auth-testing": "0.7.3",
"ember-cli-uglify": "1.0.1",
"ember-cli-uploader": "^0.3.4",
"ember-data": "1.0.0-beta.12",
"ember-export-application-global": "^1.0.0",
"ember-select-2": "1.2.0",
"emberx-slider": "1.0.3",
"express": "^4.8.5",
"glob": "^4.0.5",
"initials-avatar": "0.0.8",
"liquid-fire": "^0.17.1"
}
}
bower.json
{
"name": "mercury-ember",
"dependencies": {
"ember": "1.11.1",
"ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3",
"ember-cli-test-loader": "ember-cli-test-loader#0.1.3",
"ember-data": "1.0.0-beta.16.1",
"ember-load-initializers": "ember-cli/ember-load-initializers#0.1.4",
"ember-qunit": "0.1.8",
"ember-qunit-notifications": "0.0.7",
"ember-resolver": "~0.1.15",
"jquery": "^1.11.1",
"loader.js": "ember-cli/loader.js#3.2.0",
"qunit": "~1.17.1",
"ember-simple-auth": "0.7.3",
"moment": "~2.9.0",
"bootstrap": "~3.3",
"ember-addons.bs_for_ember": "~0.7.0",
"ionrangeslider": "~2.0.6",
"select2": "~3.5.2",
"ember-uploader": "0.3.4",
"aws-sdk-js": "2.1.18",
"ember-inflector": "~1.3.1"
}
}
Brocfile.js:
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var app = new EmberApp({
'ember-cli-bootstrap': {
'importBootstrapJS': true
}
});
module.exports = app.toTree();

After adding
"ember-template-compiler": "http://builds.emberjs.com/tags/v1.11.1/ember-template-compiler.js"
then include it in Brocfile.js with adding
app.import('bower_components/ember-template-compiler/index.js');
before module.exports = app.toTree();

Related

How to `build` an old Adonis project?

I'm heritating from an old Adonis project which the server is not running anymore. I'm trying to find out why.
I'd like to know how to rebuild it knowing the package.json below:
{
"name": "myproject-backend-server",
"version": "0.1.0",
"main": "index.js",
"scripts": {
"dev": "nodemon --watch app --watch bootstrap --watch config --watch .env --watch providers server.js",
"start": "node --harmony_proxies server.js",
"pretest": "ENV_PATH=.env.test ./ace migration:run",
"test": "node --harmony_proxies bin/test.js",
"posttest": "ENV_PATH=.env.test ./ace migration:rollback",
"lint": "standard app/{**,**/**}/*.js tests/{*,**/*}.js",
"emails:html": "for i in $(ls ./tmpl-emails); do if [ \"${i:0:1}\" != \"_\" ]; then echo \"build ./resources/views/emails/${i%.*}.njk\" && mjml -m -r ./tmpl-emails/$i -o ./resources/views/emails/${i%.*}.njk; fi; done"
},
"standard": {
"globals": [
"make",
"use",
"describe",
"before",
"after",
"it",
"afterEach",
"beforeEach"
]
},
"author": "",
"license": "MIT",
"description": "",
"dependencies": {
"adonis-ace": "^3.0.4",
"adonis-auth": "^1.0.4",
"adonis-commands": "^2.1.2",
"adonis-fold": "^3.0.3",
"adonis-framework": "^3.0.4",
"adonis-lucid": "^3.0.15",
"adonis-mail-provider": "^2.0.2",
"adonis-middleware": "^1.0.8",
"adonis-validation-provider": "^3.0.4",
"axios": "^0.15.3",
"date.js": "^0.3.1",
"fecha": "^2.3.0",
"firebird-promise": "0.0.1",
"iconv-lite": "^0.4.15",
"intel": "^1.1.2",
"is-uuid": "^1.0.2",
"json2csv": "^3.7.3",
"make-random-string": "^1.0.5",
"mocha": "^3.1.2",
"mysql": "^2.12.0",
"nexmo": "^2.4.1",
"node-exceptions": "^1.0.3",
"node-uuid": "^1.4.7",
"pg": "^6.1.2",
"random-int": "^1.0.0",
"schemata": "^3.2.0",
"slug": "^0.9.1",
"standard": "^8.5.0",
"yargs": "^6.3.0"
},
"autoload": {
"App": "./app"
},
"devDependencies": {
"chai": "^3.5.0",
"co": "^4.6.0",
"co-fs": "^1.2.0",
"co-mocha": "^1.1.3",
"colors": "^1.1.2",
"globby": "^6.1.0",
"lodash": "^4.16.6",
"mailparser": "^0.6.1",
"mjml": "^3.2.2",
"mocha": "^3.1.2",
"ms": "^0.7.2",
"nodemon": "^1.11.0",
"sqlite3": "^3.1.8",
"standard": "^8.5.0",
"supertest": "^2.0.1",
"yargs": "^6.3.0"
}
}
Building with npm run build doesn't work (missing script).
Build is not a command in your package.json
Run
node ace build
or add
"build":"node ace build"
to your package.json and run npm run build

TypeError: babelAddon.buildBabelOptions is not a function

I am having an ember application with following ember dependencies and version
{
"name": "frontend",
"version": "0.0.0",
"description": "Small description for frontend goes here",
"license": "MIT",
"author": "",
"directories": {
"doc": "doc",
"test": "tests"
},
"repository": "",
"scripts": {
"build": "ember build",
"start": "ember server",
"test": "ember test"
},
"devDependencies": {
"bootstrap": "^4.0.0",
"broccoli-asset-rev": "^2.4.5",
"ember-ace": "git+https://github.com/adityaU/ember-ace.git",
"ember-ajax": "^2.4.1",
"ember-api-actions": "0.1.6",
"ember-bootstrap": "^1.2.1",
"ember-browserify": "^1.2.1",
"ember-can": "0.8.4",
"ember-chartjs": "0.0.0",
"ember-cli": "2.18.0",
"ember-cli-app-version": "^2.0.0",
"ember-cli-babel": "^5.1.7",
"ember-cli-bootstrap-datetimepicker": "^0.6.1",
"ember-cli-clipboard": "^0.9.0",
"ember-cli-dependency-checker": "^1.3.0",
"ember-cli-document-title": "^0.4.0",
"ember-cli-echarts": "^0.1.7",
"ember-cli-htmlbars": "^1.1.1",
"ember-cli-htmlbars-inline-precompile": "^0.3.3",
"ember-cli-inject-live-reload": "^1.4.1",
"ember-cli-jshint": "^2.0.1",
"ember-cli-moment-shim": "^3.5.0",
"ember-cli-pace": "0.1.0",
"ember-cli-pagination": "3.0.0",
"ember-cli-qunit": "^3.0.1",
"ember-cli-react": "^0.3.0",
"ember-cli-release": "^0.2.9",
"ember-cli-sass": "6.1.1",
"ember-cli-shims": "^1.0.2",
"ember-cli-simditor": "0.0.8",
"ember-cli-sri": "^2.1.0",
"ember-cli-test-loader": "^1.1.0",
"ember-cli-uglify": "^1.2.0",
"ember-cookies": "0.0.13",
"ember-data": "2.18.0",
"ember-export-application-global": "^1.0.5",
"ember-fullcalendar": "^1.7.0",
"ember-gridstack": "1.0.1",
"ember-keyboard-shortcuts": "^1.0.5",
"ember-light-table": "1.8.3",
"ember-load-initializers": "^0.6.0",
"ember-lodash": "^4.17.2",
"ember-moment": "7.3.0",
"ember-multiselect-checkboxes": "^0.10.3",
"ember-popper": "0.9.0",
"ember-resolver": "^2.0.3",
"ember-responsive": "2.0.1",
"ember-searchable-select": "^0.11.0",
"ember-semantic-ui-calendar": "0.0.3",
"ember-source": "2.18.0",
"ember-toastr": "1.5.0",
"ember-vcl-plotly": "github:ember-vcl/plotly",
"ember-welcome-page": "^2.0.2",
"eonasdan-bootstrap-datetimepicker": "^4.17.47",
"loader.js": "^4.0.10",
"moment": "^2.22.0",
"moment-timezone": "^0.5.14",
"react": "^15.6.2",
"react-dom": "^15.6.2",
"semantic-ui-ember": "2.0.1"
},
"engines": {
"node": ">= 0.12.0"
},
"private": true,
"dependencies": {
"react-pivottable": "^0.3.1",
"react-plotly.js": "^2.1.0",
"jquery": "3.3.1",
"bootstrap": "^4.0.0"
}
}
I run yarn to fetch all dependencies and it worked perfectly fine but when I run the ember application I am getting
babelAddon.buildBabelOptions is not a function
Below is the complete log.
- broccoliBuilderErrorStack: [undefined]
- code: [undefined]
- codeFrame: [undefined]
- errorMessage: babelAddon.buildBabelOptions is not a function
- errorType: [undefined]
- location:
- column: [undefined]
- file: [undefined]
- line: [undefined]
- message: babelAddon.buildBabelOptions is not a function
- name: TypeError
- nodeAnnotation: [undefined]
- nodeName: [undefined]
- originalErrorMessage: [undefined]
- stack: TypeError: babelAddon.buildBabelOptions is not a function
at Package.buildBabelOptions (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-auto-import/js/package.js:47:39)
at new Package (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-auto-import/js/package.js:30:46)
at Function.lookup (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-auto-import/js/package.js:38:35)
at new AutoImport (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-auto-import/js/auto-import.js:26:45)
at Function.lookup (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-auto-import/js/auto-import.js:39:27)
at Class.included (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-auto-import/js/index.js:26:48)
at Class.superWrapper [as included] (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-cli/node_modules/core-object/lib/assign-properties.js:34:20)
at /Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-cli/lib/models/addon.js:405:26
at Array.reduce (<anonymous>)
at Class.eachAddonInvoke (/Users/sahilpaudel/Documents/PharmEasy/Elixir/AfterGlow/frontend/node_modules/ember-cli/lib/models/addon.js:402:24)
Any help please.

Error in Amplify installation into existing Vue/Bootstrap project: You may need an appropriate loader to handle this file type

I am trying to install amplify into my vue/bootstrap project. When I add this code as it is instructed in https://docs.amplify.aws/lib/auth/getting-started/q/platform/js#create-authentication-service
import Amplify, { Auth } from 'aws-amplify';
import awsconfig from './aws-exports';
Amplify.configure(awsconfig);
I receive this error:
You may need an appropriate loader to handle this file type.
| }
| replaceTraps((oldTraps) => ({
| ...oldTraps,
| get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),
| has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop),
# ./~/#aws-amplify/datastore/lib-esm/storage/adapter/indexeddb.js 76:0-27
# ./~/#aws-amplify/datastore/lib-esm/storage/adapter/getDefaultAdapter/index.js
# ./~/#aws-amplify/datastore/lib-esm/storage/storage.js
# ./~/#aws-amplify/datastore/lib-esm/datastore/datastore.js
# ./~/#aws-amplify/datastore/lib-esm/index.js
# ./~/aws-amplify/lib-esm/index.js
# ./src/main.js
# multi ./build/dev-client ./src/main.js
I think there is problem in my package.json or I am missing something. So here is my package file:
{
"name": "frontend",
"private": true,
"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "node build/build.js",
"e2e": "node test/e2e/runner.js",
"test": "npm run e2e"
},
"dependencies": {
"#aws-amplify/ui-vue": "^0.2.13",
"aws-amplify": "^3.0.23",
"axios": "^0.19.2",
"bootstrap": "^4.5.2",
"bootstrap-vue": "^2.16.0",
"jquery": "^3.5.1",
"popper.js": "^1.12.9",
"save": "^2.4.0",
"tabletojson": "^2.0.4",
"vue": "^2.6.11",
"vue-router": "^3.0.1"
},
"devDependencies": {
"#vue/cli-plugin-babel": "~4.5.0",
"#vue/cli-plugin-eslint": "~4.5.0",
"#vue/cli-plugin-router": "^4.5.3",
"autoprefixer": "^7.1.2",
"babel-core": "^6.22.1",
"babel-loader": "^7.1.1",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-env": "^1.3.2",
"babel-preset-stage-2": "^6.22.0",
"babel-register": "^6.22.0",
"chalk": "^2.0.1",
"connect-history-api-fallback": "^1.3.0",
"copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.28.0",
"cssnano": "^3.10.0",
"eventsource-polyfill": "^0.9.6",
"express": "^4.14.1",
"extract-text-webpack-plugin": "^2.0.0",
"file-loader": "^0.11.1",
"friendly-errors-webpack-plugin": "^1.1.3",
"html-webpack-plugin": "^2.28.0",
"http-proxy-middleware": "^0.17.3",
"webpack-bundle-analyzer": "^2.2.1",
"chromedriver": "^2.27.2",
"cross-spawn": "^5.0.1",
"nightwatch": "^0.9.12",
"selenium-server": "^3.0.1",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
"opn": "^5.1.0",
"optimize-css-assets-webpack-plugin": "^2.0.0",
"ora": "^1.2.0",
"rimraf": "^2.6.0",
"url-loader": "^0.5.8",
"vue-loader": "^13.0.4",
"vue-style-loader": "^3.0.1",
"vue-template-compiler": "^2.4.2",
"webpack": "^2.6.1",
"webpack-dev-middleware": "^1.10.0",
"webpack-hot-middleware": "^2.18.0",
"webpack-merge": "^4.1.0"
},
"engines": {
"node": ">= 4.0.0",
"npm": ">= 3.0.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
Thank you in advance!
I had the same problem, but I resolved it installing amplify version 1.1.4.
npm install aws-amplify#^1.1.4
I hope it is useful to you.
I'm having THE SAME PROBLEM! I'm also learning VueJS with Academind's Max on Udemy and I'm trying to use Amplify cuz firebase gave me other more confusing errors (he didn't get any and I follow him step by step...)
I hope that someone answers either your or my question for this because I'm really stuck and upset I can't keep practicing now :(

Cannot run tests (jasmine, karma, webpack)

I've been trying for a couple of days now to get some tests to run.
I've two environments, one very "empty" and another with a full project.
The 'empty' one does run a very simple test (but doesn't contain the Person object that is unable to be constructed in the full project).
I migrated the full project to a very similar environment in terms of installed dev packages, karma, jasmine versions and such. I also copied the tsconfig.json, karma.conf files across. Those are below.
For the life of me I cannot figure out why the karma tests will not run.
With previous versions of Karma I would get an error along the lines of 'scheduler_person.b' is not a constructor.
Digging a little deeper, it's failing on this line of test.store.ts:
let neil: Person = new Person("Neil Clayton");
the constructor of this object is:
constructor(name: string = "put name here") {
super();
this.name = name;
this.primary_roles = new Map<Role, number>();
this.specific_roles = new Map<string, Array<Role>>();
this.secondary_action_list = [];
this.condition_rules = [];
this.unavailable = [];
this.prefs = new SchedulePrefs();
}
So, the Person class has a constructor, and this code does run within the app itself.
I have since upgraded all of karma/jasmine and the error now changes to:
VM105 karma-test-shim.js:629 Uncaught TypeError: $f.b is not a constructor
Looking at the generated code, it's essentially exactly the same inability to call a constructor.
I feel I must be doing something very simple, very stupid, but I cannot see it.
Any ideas?
(btw: this project is at https://github.com/scornflake/scheduler)
tsconfig.json
{
"compilerOptions": {
"allowSyntheticDefaultImports": true,
"declaration": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"noImplicitThis": true,
"lib": [
"dom",
"es2015",
"esnext.asynciterable"
],
"module": "es2015",
"moduleResolution": "node",
"sourceMap": true,
"target": "es5"
},
"include": [
"src/**/*.ts"
],
"exclude": [
"node_modules",
"src/**/*.spec.ts"
],
"typeAcquisition": {
"enable": true,
"include": [
"./src/common/fix.broken.gapi.types.d.ts"
]
},
"compileOnSave": false,
"atom": {
"rewriteTsconfig": false
}
}
karma.config.json
const webpackConfig = require('./webpack.test.js');
module.exports = function (config) {
const _config = {
basePath: '',
frameworks: [
'jasmine'
// 'jasmine-matchers'
],
files: [
{
pattern: './karma-test-shim.js',
watched: true
}
],
preprocessors: {
'./karma-test-shim.js': ['webpack', 'sourcemap']
},
webpack: webpackConfig,
webpackMiddleware: {
stats: 'errors-only'
},
webpackServer: {
noInfo: true
},
browserConsoleLogOptions: {
level: 'log',
format: '%b %T: %m',
terminal: true
},
// reporters: ['kjhtml', 'dots'],
reporters: ['dots'],
// reporters: ['kjhtml'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false
};
config.set(_config);
};
karma-test-shim.js
Error.stackTraceLimit = Infinity;
require('core-js/es6');
require('core-js/es7/reflect');
require('zone.js/dist/zone');
require('zone.js/dist/long-stack-trace-zone');
require('zone.js/dist/proxy');
require('zone.js/dist/sync-test');
require('zone.js/dist/jasmine-patch');
require('zone.js/dist/async-test');
require('zone.js/dist/fake-async-test');
var appContext = require.context('../src', true, /\.spec\.ts/);
appContext.keys().forEach(appContext);
var testing = require('#angular/core/testing');
var browser = require('#angular/platform-browser-dynamic/testing');
testing.TestBed.initTestEnvironment(browser.BrowserDynamicTestingModule, browser.platformBrowserDynamicTesting());
package.json
{
"name": "scheduler",
"version": "0.0.1",
"author": "Neil Clayton",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build --copy ./config/copy.config.js",
"lint": "ionic-app-scripts lint",
"ionic:build": "ionic-app-scripts build --copy ./config/copy.config.js",
"ionic:serve": "ionic-app-scripts serve --copy ./config/copy.config.js",
"test-coverage": "ng test --code-coverage",
"test": "ng test"
},
"dependencies": {
"#angular/common": "5.0.3",
"#angular/compiler": "5.0.3",
"#angular/compiler-cli": "5.0.3",
"#angular/core": "5.0.3",
"#angular/forms": "5.0.3",
"#angular/http": "5.0.3",
"#angular/platform-browser": "5.0.3",
"#angular/platform-browser-dynamic": "5.0.3",
"#ionic-native/core": "4.3.2",
"#ionic-native/splash-screen": "4.3.2",
"#ionic-native/status-bar": "4.3.2",
"#ionic/storage": "2.1.3",
"#types/gapi": "^0.0.35",
"#types/gapi.auth2": "^0.0.47",
"#types/gapi.client": "^1.0.0",
"#types/gapi.client.drive": "^3.0.1",
"#types/gapi.client.sheets": "^4.0.0",
"angular-pipes": "^6.5.3",
"apollo-angular": "^1.0.1",
"apollo-angular-link-http": "^1.0.2",
"apollo-cache-inmemory": "^1.1.12",
"apollo-client": "^2.2.8",
"apollo-link": "^1.2.2",
"cordova-browser": "5.0.1",
"cordova-plugin-device": "^1.1.4",
"cordova-plugin-ionic-webview": "^1.1.16",
"cordova-plugin-splashscreen": "^4.0.3",
"cordova-plugin-whitelist": "^1.3.1",
"file-saver": "^1.3.8",
"google-auth-library": "^1.4.0",
"googleapis": "^28.1.0",
"graphql": "^0.13.2",
"graphql-tag": "^2.8.0",
"ionic-angular": "3.9.2",
"ionic-configuration-service": "^6.0.0",
"ionic-logging-service": "^5.0.0",
"ionic-plugin-keyboard": "^2.2.1",
"ionicons": "3.0.0",
"json2csv": "^3.11.5",
"lodash": "^4.17.4",
"mobx": "^4.1.1",
"mobx-angular": "^3.0.1",
"moment": "^2.20.1",
"ng-circle-progress": "^0.9.9",
"rxjs": "5.5.2",
"short-unique-id": "^1.1.0",
"sw-toolbox": "3.6.0",
"to-case": "^2.0.0",
"zone.js": "^0.8.26"
},
"devDependencies": {
"#ionic/app-scripts": "3.1.6",
"#types/jasmine": "2.8.4",
"#types/node": "8.5.8",
"angular2-template-loader": "^0.6.2",
"file-save": "^0.2.0",
"html-loader": "^0.5.5",
"jasmine-core": "3.1.0",
"jasmine-expect": "^3.8.3",
"jasmine-spec-reporter": "^4.1.0",
"karma": "^2.0.2",
"karma-chrome-launcher": "^2.2.0",
"karma-jasmine": "^1.1.1",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "^3.0.0",
"null-loader": "^0.1.1",
"protractor": "5.3.0",
"ts-loader": "^4.2.0",
"ts-node": "4.1.0",
"typescript": "2.4.2",
"webpack": "^4.6.0"
},
"description": "Scheduler",
"cordova": {
"plugins": {
"ionic-plugin-keyboard": {},
"cordova-plugin-whitelist": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-ionic-webview": {}
},
"platforms": [
"browser"
]
}
}
Finally, some pics of the browser errors:
In src/providers/store/test.store.ts you need to move all of your global constants (and subsequent method calls) into the SetupStore method of the NPBCStoreConstruction class. When I do this I can run the test suite properly.
The cause of issue is that when Webpack/Typescript/something compiles everything, it picks an arbitrary order to include all the files and if you look at the generated code you can see that the global invocation of the person Person constructor happens before it is defined.

Test suite failed to run.ReferenceError: __DEV__ is not defined

Please check my Package.json cause I am unable to find the fault with this. Non of the previous issues in Stackoverflow could helped me
React Native - __DEV__ is not defined
ReferenceError: Can't find variable: __DEV__enter link description here
{
"name": "mobility1",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"mocha": "BABEL_ENV=mocha mocha --require mocha-setup.js --compilers js:babel-core/register --recursive __tests__/mocha",
"mocha:watch": "./mocha.runner.sh",
"test": "jest",
"build:android": "node node_modules/react-native/local-cli/cli.js bundle --entry-file='index.android.js' --bundle-output='./android/app/src/main/assets/index.android.bundle' --dev=false --platform='android' --assets-dest='./android/app/src/main/res/'",
"build:ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file='index.ios.js' --bundle-output='./ios/ShootstaCue/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'"
},
"dependencies": {
"react": "~15.4.0-rc.4",
"react-native": "0.40.0",
"react-native-animatable": "^1.1.0",
"react-native-camera": "^0.6.0",
"react-native-drawer": "^2.3.0",
"react-native-linear-gradient": "^2.0.0",
"react-native-scrollable-tab-view": "^0.7.2",
"react-native-vector-icons": "^4.0.0",
"react-redux": "^5.0.4",
"redux": "^3.6.0",
"redux-logger": "^2.7.4",
"redux-observable": "^0.14.1",
"redux-persist": "^4.1.0",
"redux-thunk": "^2.2.0",
"reselect": "^2.5.4",
"rxjs": "^5.2.0"
},
"devDependencies": {
"babel-jest": "^20.0.3",
"babel-preset-react-native": "^1.9.2",
"chai": "^3.5.0",
"enzyme": "^2.8.2",
"jest": "^20.0.3",
"jest-react-native": "^18.0.0",
"mocha": "^3.4.1",
"react-addons-test-utils": "15.4.2",
"react-test-renderer": "^15.4.2",
"regenerator-runtime": "^0.10.5",
"remote-redux-devtools": "^0.5.7"
},
"jest": {
"haste": {
"defaultPlatform": "ios",
"platforms": [
"ios",
"android"
],
"providesModuleNodeModules": [
"react-native"
]
}
}
}
I had the same issue, changing jest: {....} to
"jest": {
"preset": "react-native"
},