vue-cli: Vue UI serve task generating "Couldn't parse bundle asset" warning for async component

Version

3.2.1

Reproduction link

https://github.com/daniel-bolton/lazy-load-example

Environment info

  System:
    OS: Windows 10
    CPU: (4) x64 Intel(R) Core(TM) i5-6600 CPU @ 3.30GHz
  Binaries:
    Node: Not Found
    Yarn: 1.9.4 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.4.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 42.17134.1.0
  npmPackages:
    @vue/babel-preset-app:  3.2.0
    @vue/cli-overlay:  3.2.0
    @vue/cli-plugin-babel: ^3.2.0 => 3.2.0
    @vue/cli-plugin-eslint: ^3.2.0 => 3.2.1
    @vue/cli-service: ^3.2.0 => 3.2.0
    @vue/cli-shared-utils:  3.2.0
    @vue/component-compiler-utils:  2.3.0
    @vue/preload-webpack-plugin:  1.1.0
    @vue/web-component-wrapper:  1.2.0
    babel-helper-vue-jsx-merge-props:  2.0.3
    babel-plugin-transform-vue-jsx:  4.0.1
    eslint-plugin-vue: ^5.0.0-0 => 5.0.0
    vue: ^2.5.17 => 2.5.17
    vue-eslint-parser:  2.0.3
    vue-hot-reload-api:  2.3.1
    vue-loader:  15.4.2
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.5.17 => 2.5.17
    vue-template-es2015-compiler:  1.6.0
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

Clone the lazy-load-example repo locally
Open the Vue UI
Import the project
In Tasks, run the serve task with the default parameters
Switch to the Output view to see the warning after the task has run

What is expected?

No warning to appear.

What is actually happening?

The following warning is displayed in the output.

Couldn't parse bundle asset "{path-to-project}\lazy-load-example\dist\0.js".
Analyzer will use module sizes from stats file.

I’m using a windows machine, so not sure if the issue could be path/permissions related.

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 19

Most upvoted comments

Try this npm install node-sass --save

yjwuws on May 27, 2020

I get the following message, seems to be related?

 WARN  
Couldn't parse bundle asset "....\dist\1.959fba9063e8854d51c8.hot-update.js".
Analyzer will use module sizes from stats file.

marcvan-dijk on Apr 16, 2020

@daniel-bolton I have the same problem with a hello world vue app generated using the vue cli. Why did you close this issue? I’m wondering what I’m doing wrong.

MartinMa on Dec 12, 2018

Reinstall node_modules has worked for me

UbaldoRosas on May 22, 2020

Same for me after running the default hello world app from vue ui.

WARN
Couldn’t parse bundle asset “/Users/Tom/Desktop/Task Manager/code/dist/js/about.js”. Analyzer will use module sizes from stats file.

{ "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test:unit": "vue-cli-service test:unit", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3.6.4", "register-service-worker": "^1.7.1", "vue": "^2.6.11", "vue-router": "^3.1.6" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.3.0", "@vue/cli-plugin-eslint": "~4.3.0", "@vue/cli-plugin-pwa": "^4.3.1", "@vue/cli-plugin-router": "~4.3.0", "@vue/cli-plugin-unit-jest": "~4.3.0", "@vue/cli-service": "~4.3.0", "@vue/eslint-config-prettier": "^6.0.0", "@vue/test-utils": "1.0.0-beta.31", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-prettier": "^3.1.1", "eslint-plugin-vue": "^6.2.2", "node-sass": "^4.12.0", "prettier": "^1.19.1", "sass-loader": "^8.0.2", "vue-cli-plugin-pug": "^1.0.7", "vue-template-compiler": "^2.6.11" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended", "@vue/prettier" ], "parserOptions": { "parser": "babel-eslint" }, "rules": {}, "overrides": [ { "files": [ "**/__tests__/*.{j,t}s?(x)", "**/tests/unit/**/*.spec.{j,t}s?(x)" ], "env": { "jest": true } } ] }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ], "jest": { "preset": "@vue/cli-plugin-unit-jest" } }

MentalGear on May 9, 2020