我用webpack来编译vue & typescript代码。Webpack编译所有代码都没有任何错误,但在运行时,App.vue中的某些内容会出错。

如果我将lang="ts"属性添加到我单个文件组件中的脚本标记中,则会生成错误Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization

解决方式:

module.exports = {
  ...
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: 'ts-loader',
        options: {
          appendTsSuffixTo: [/\.vue$/],
        },
        exclude: /node_modules/,
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader',
      }

Logo

前往低代码交流专区

更多推荐