8000 Can't import external TS file after upgrading to 4 · Issue #4936 · vuejs/vue-cli · GitHub
[go: up one dir, main page]

Skip to content
Can't import external TS file after upgrading to 4 #4936
Closed
@lsotoangeldonis

Description

@lsotoangeldonis

Version

4.1.1

Reproduction link

https://github.com/lsotoangeldonis/vue-cli-4-ts-import-bug/tree/master

Environment info

System:
    OS: Linux 4.4 Ubuntu 18.04.1 LTS (Bionic Beaver)
    CPU: (8) x64 Intel(R) Core(TM) i5-8300H CPU @ 2.30GHz
  Binaries:
    Node: 10.13.0 - ~/n/bin/node
    Yarn: Not Found
    npm: 6.12.0 - ~/n/bin/npm
  Browsers:
    Chrome: Not Found
    Firefox: Not Found
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0
    @vue/babel-plugin-transform-vue-jsx:  1.1.2
    @vue/babel-preset-app:  4.1.1
    @vue/babel-preset-jsx:  1.1.2
    @vue/babel-sugar-functional-vue:  1.1.2
    @vue/babel-sugar-inject-h:  1.1.2
    @vue/babel-sugar-v-model:  1.1.2
    @vue/babel-sugar-v-on:  1.1.2
    @vue/cli-overlay:  4.1.1
    @vue/cli-plugin-babel: ^4.1.1 => 4.1.1
    @vue/cli-plugin-eslint: ^4.1.1 => 4.1.1
    @vue/cli-plugin-pwa: ^4.1.1 => 4.1.1
    @vue/cli-plugin-router:  4.1.1
    @vue/cli-plugin-typescript: ^4.1.1 => 4.1.1
    @vue/cli-plugin-vuex:  4.1.1
    @vue/cli-service: ^4.1.1 => 4.1.1
    @vue/cli-shared-utils:  4.1.1 
    @vue/component-compiler-utils:  3.0.2
    @vue/eslint-config-airbnb: ^4.0.1 => 4.0.1
    @vue/eslint-config-typescript: ^4.0.0 => 4.0.0
    @vue/preload-webpack-plugin:  1.1.1
    @vue/web-component-wrapper:  1.2.0
    bootstrap-vue: ^2.1.0 => 2.1.0
    eslint-plugin-vue: ^5.2.3 => 5.2.3
    portal-vue:  2.1.6
    typescript: ^3.5.3 => 3.5.3
    vue: ^2.6.10 => 2.6.10
    vue-affix: ^0.5.2 => 0.5.2
    vue-analytics:  5.17.0
    vue-authenticate: ^1.4.1 => 1.4.1
    vue-axios: ^2.1.4 => 2.1.4
    vue-carousel: ^0.18.0 => 0.18.0
    vue-class-component: ^7.1.0 => 7.1.0
    vue-content-placeholders: ^0.2.1 => 0.2.1
    vue-eslint-parser:  undefined (5.0.0)
    vue-fb-customer-chat: ^0.1.4 => 0.1.4
    vue-functional-data-merge:  3.1.0
    vue-hot-reload-api:  2.3.4
    vue-js-popover: ^1.1.8 => 1.1.8
    vue-loader:  15.7.2
    vue-loading-overlay: ^3.2.0 => 3.2.0
    vue-masonry: ^0.11.7 => 0.11.7
    vue-moment: ^4.0.0 => 4.0.0
    vue-progressive-image: ^3.2.0 => 3.2.0
    vue-property-decorator: ^8.2.1 => 8.2.1
    vue-router: ^3.0.7 => 3.0.7
    vue-search-select: ^2.8.3 => 2.8.3
    vue-search-select-css: ^1.0.33 => 1.0.33
    vue-style-loader:  4.1.2
    vue-tel-input: ^2.4.1 => 2.4.1
    vue-template-compiler: ^2.5.21 => 2.6.10
    vue-template-es2015-compiler:  1.9.1
    vuex: ^3.1.1 => 3.1.1
    vuex-module-decorators: ^0.9.9 => 0.9.9
    vuex-persistedstate: ^2.5.4 => 2.5.4
  npmGlobalPackages:
    @vue/cli: 4.1.1

Steps to reproduce

npm install -g @vue/cli

vue upgrade

What is expected?

Normal import of .ts files inside .vue files using
//<script lang="ts" src="./path/to/file.ts">

What is actually happening?

[Vue warn]: Failed to mount component: template or render function not defined.


I updated to vue cli 4 and upgraded my plugins using the migration guide and now my components are broken, can't import ts files inside .vue file, was working just before update.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0