Hi All,
Am a Happy Ionic 1 developer and am just about to try out Ionic 2. But sadly am not able to get past ionic serve. Could this be a Windows problem? It feels weird that reactivex is looking for a folder inside its util folder. Any help would be appreciated
D:\ionic2\MyIonic2Project>ionic serve
∆ Compiling and bundling with Webpack...
√ Using your webpack.config.js file: D:\ionic2\MyIonic2Project\webpack.config.js
./~/@reactivex/rxjs/dist/cjs/util/root.js
Module not found: Error: Cannot resolve 'file' or 'directory' ./C:/Users/julian/AppData/Roaming/npm/node_modules/ionic/node_modules/ionic-app-lib/node_modules/webpack/buildin/module.js in D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util
resolve file
D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js doesn't exist
D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js.js doesn't exist
D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js.ts doesn't exist
resolve directory
D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js doesn't exist (directory default file)
D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js\package.json doesn't exist (directory description file)
[D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js]
[D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js.js]
[D:\ionic2\MyIonic2Project\node_modules\@reactivex\rxjs\dist\cjs\util\C:\Users\julian\AppData\Roaming\npm\node_modules\ionic\node_modules\ionic-app-lib\node_modules\webpack\buildin\module.js.ts]
@ ./~/@reactivex/rxjs/dist/cjs/util/root.js 1:0-133 (CLI v2.0.0-alpha.22)
Your system information:
Cordova CLI: 5.4.0
Gulp version: CLI version 3.9.0
Gulp local:
Ionic Version: 2.0.0-alpha.31
Ionic CLI Version: 2.0.0-alpha.22
Ionic App Lib Version: 2.0.0-alpha.21
OS:
Node Version: v5.0.0
Thanks @Wall-E
But the package.json file doesn’t have gulp in it nor are any gulp files/tasks in the new template.
Here is a Screen Shot of the Folder Structure and the package.json file.
ha-ha
You can use the default ionic2-Stater or ionic2-starter-tutorial project，It contains a complete set of working directory。Finished add adding tabs page in you project.
1、ionic start yourProjectName tutorial --v2 or ionic start yourProjectName --v2
2、cd yourProjectName
3、npm install
Hi, I came up with the same issue.
I can confirm that on windows ionic downloads outdated starter package.
At least gulpfile.js is missing and package.json does not contain gulp dependencies.
@dmastag Can you make sure you’ve updated to the latest ionic@alpha?
@Wall-E yes exactly, although webpack configuration has a bit of a steep learning curve it is the only thing you have to configure. You can still use gulp of course, and can hook into any of Ionic commands by adding hooks to ionic.config.js (these are still relatively experimental and undocumented at the moment, but you can see them if you start a new project).
The idea of having a build step is new and confusing for a lot of people, so we’re trying to reduce the mental overhead necessary to get up and running with Ionic 2, which is already a lot of new concepts.
@slowkot awesome that is very helpful, I’ve tried to reproduce these issues on two Windows 7 machines and can’t, but it seems like the output from ionic info is wrong for Windows 10.
Just out of curiosity, if you do the exact same steps, but without npm install does it work? By default ionic start does npm install --production on your new project.
So strange! I just installed Windows 10 and tested on node 4.2.1 and 5.0.0, and both work fine for me. I have yet to see any of the errors that people are reporting (and @slowkot you are far from alone, there have been a bunch of people with weird errors from the @reactive package).
Did you get the same error on your other machine as well?
Ahhhhh, I believe it happens when your project is on a different drive than your node install. Thanks for the logs everyone, I’ve just reproduced it and will be taking a look at fixing it tomorrow. You can track the issue here: https://github.com/driftyco/ionic2/issues/528.
