3

更新：我无法找到这个问题的解决方案，我搬到了 vue cli 3。

我有 typescript、vue、vuex 和 vue-router 应用程序，并且在开发模式下一切正常。以下是一些 vue 和 webpack 版本：

"webpack": "^4.12.0",
"webpack-dev-middleware": "^3.1.3",
"webpack-hot-middleware": "^2.12.2",
"vue": "2.4.1",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
"vue-loader": "^15.2.1",
"ts-loader": "^4.4.0",

我正在使用yarn run dev运行命令并在./src/main.ts文件中导入了一个组件并尝试对其进行控制台：

import Master from './app/master/Master.vue'
console.log(Master)

该Master组件在开发和生产版本中工作正常，该组件是一个空对象，我认为vue-loader无法正确导入该组件。

`{}`

我曾尝试使用旧版本的 vue-loader 但有一些错误。该应用程序正在开发这里是我从 gist 中列出的 webpack 配置文件。

  1. 构建配置：https ://gist.github.com/iksdatoo/492099d8147e8f60ee04b243426b799a
  2. 基本配置：https ://gist.github.com/iksdatoo/f9eda2bb81bc175cc59dac3879df2f28
  3. 开发配置：https ://gist.github.com/iksdatoo/522516c761b3422e7a1b5eafd0211bd8
  4. 生产配置：https ://gist.github.com/iksdatoo/5772a0517daf7463b98705396a1ce976
  5. 打包 JSON 文件：https ://gist.github.com/iksdatoo/a6883bddb37150dea00c22751e9aca06
  6. 这是我的入口点文件：https ://gist.github.com/iksdatoo/2d5f16159060a2d9d4cd8f7e02f984d7

让我知道我错过了什么。

4

0 回答 0