Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork26
Description
First of all I'm very new to front-end development and NativeScript. I tried to follow exact steps described athttps://nativescript-vue.org/en/docs/getting-started/code-sharing/ but it seems it's broken.
There are issues at src/router.js and webpack.config.js
from that I managed to solve errors in webpack by removing escape characters.
Exact usage in terminal is below.
➜ web-mobile-app git:(master) vue add vue-cli-plugin-nativescript-vue
📦 Installing vue-cli-plugin-nativescript-vue...
yarn add v1.19.2
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...
success Saved lockfile.
success Saved 2 new dependencies.
info Direct dependencies
└─ vue-cli-plugin-nativescript-vue@0.3.1
info All dependencies
├─ replace-in-file@4.3.1
└─ vue-cli-plugin-nativescript-vue@0.3.1
✨ Done in 6.26s.
✔ Successfully installed plugin: vue-cli-plugin-nativescript-vue
? Enter a unique application identifier: com.kintell.webmobileapp
? Use HTML5 history mode? (Default: hash mode) No
? Is this a brand new project? (Default: Yes) Yes
? Dual Native AND Web development experience or a Native only? (Default: Dual) Dual Native AND Web
? What type of template do you want to start with? (Default: Simple) Simple
🚀 Invoking generator for vue-cli-plugin-nativescript-vue...
adding to package.json
deleting from package.json
doing template rendering
📦 Installing additional dependencies...
yarn install v1.19.2
[1/4] 🔍 Resolving packages...
success Saved lockfile.
✨ Done in 47.92s.
⠋ Running completion hooks...dual components env files
error: Parsing error: Unexpected token, expected ","
2 | require('@vue/cli-plugin-router/generator')(api, {
3 | historyMode: options.routerHistoryMode
4 | };
| ^
5 | export default new Router(options);
6 | }
7 | at src/router.js:4:4:
2 | require('@vue/cli-plugin-router/generator')(api, {
3 | historyMode: options.routerHistoryMode
4 | };
| ^
5 | export default new Router(options);
6 | }
7 |
error: Unnecessary escape character: / (no-useless-escape) at webpack.config.js:214:25:
212 | },
213 | {
214 | test: /[/|\]app.css$/,
| ^
215 | use: [
216 | 'nativescript-dev-webpack/style-hot-loader',
217 | {
error: Unnecessary escape character: / (no-useless-escape) at webpack.config.js:224:25:
222 | },
223 | {
224 | test: /[/|\]app.scss$/,
| ^
225 | use: [
226 | 'nativescript-dev-webpack/style-hot-loader',
227 | {
error: Unnecessary escape character: / (no-useless-escape) at webpack.config.js:236:28:
234 | {
235 | test: /.css$/,
236 | exclude: /[/|\]app.css$/,
| ^
237 | use: [
238 | 'nativescript-dev-webpack/style-hot-loader',
239 | 'nativescript-dev-webpack/apply-css-loader.js',
error: Unnecessary escape character: / (no-useless-escape) at webpack.config.js:245:28:
243 | {
244 | test: /.scss$/,
245 | exclude: /[/|\]app.scss$/,
| ^
246 | use: [
247 | 'nativescript-dev-webpack/style-hot-loader',
248 | 'nativescript-dev-webpack/apply-css-loader.js',
5 errors found.