Ionic2 show 'System is not defined' after config rollup.config.js - ionic-framework

Question

I added config in my package.json, and the rollup.config.js is below:
const rollupConfig = require('#ionic/app-scripts/config/rollup.config');
enter code hereconst replace = require('rollup-plugin-replace');
const isProd = (process.env.IONIC_ENV === 'prod');
console.log('cur ENV: ', process.env.IONIC_ENV);
const EnvConfig = {
prod: {
API_URL: ''
},
dev: {
API_URL: 'http://localhost:3000'
},
deviceDev: {
API_URL: 'http://192.168.1.7:3000'
}
}
const curConfig = EnvConfig[process.env.IONIC_ENV]
const rollupConfigReplaceEnviroment = replace({
exclude: 'node_modules/**',
delimiters: ['<#', '#>'],
// use the /environments/environment.dev as the default import(!), no stub needed.
// note we only replace the "last" part of the import statement so relative paths are maintained
'API_URL': curConfig.API_URL,
});
rollupConfig.plugins = rollupConfig.plugins || [];
rollupConfig.plugins.splice(0, 0, rollupConfigReplaceEnviroment);
module.exports = rollupConfig;
But when i run ionic serve -b, there is an warns show up:
```
[22:54:11] rollup: commonjs-proxy:/Applications/My-Project/sharemap/node_modules/#angular/http/#angular/http.es5.js
has issued a warning: 'default' is not exported by 'node_modules/#angular/http/#angular/http.es5.js'
[22:54:11] rollup: commonjs-proxy:/Applications/My-Project/sharemap/node_modules/#angular/core/#angular/core.es5.js
has issued a warning: 'default' is not exported by 'node_modules/#angular/core/#angular/core.es5.js'
then i run my app in browser, it show the error:
ERROR ReferenceError: System is not defined
at loadAndCompile (main.js:82094)
at NgModuleLoader.load (main.js:82071)
at ModuleLoader.load (main.js:82147)
at DeepLinker.getNavLinkComponent (main.js:56968)
at DeepLinker.initViews (main.js:57039)
at Nav.ngAfterViewInit (main.js:80489)
at callProviderLifecycles (main.js:13220)
at callElementProvidersLifecycles (main.js:13195)
at callLifecycleHooksChildrenFirst (main.js:13179)
at checkAndUpdateView (main.js:14211)
i think these maybe a bug for rollup-plugin-commonjs#8.0.2, and then i upgrade these lib to 8.2.0, but the problem still go on.
MY #ionic/app-scripts version is 2.1.4
My ionic info:
cli packages: (/Applications/My-Project/sharemap/node_modules)
#ionic/cli-utils : 1.9.2
ionic (Ionic CLI) : 3.9.2
global packages:
Cordova CLI : not installed
local packages:
#ionic/app-scripts : 2.1.4
Cordova Platforms : none
Ionic Framework : ionic-angular 3.6.0
System:
Android SDK Tools : 26.0.2
ios-deploy : 1.9.1
ios-sim : 6.0.0
Node : v8.4.0
npm : 5.2.0
OS : macOS Sierra
Xcode : Xcode 8.3.3 Build version 8E3004b

Answer 1

You have to add package.json with a specific path as given below;
"config": {
"ionic_copy": "./config/rollup.config.js"
},
and rollup.config.js file will be in the config directory under the root directory with like projectName/config/rollup.config.js