1. index.ts(mian.ts) import view-design from ‘view-design’ 打印发现是undefined

  1. 解决方案 改为: import * as iview from 'view-design'（再vue.use(iview)失败 原因未知）
  2. 或者: 在具体组件引入 使用 import { Tree } from 'view-design' 再在components中引入Tree(虽然麻烦 凑合能用)

2. You may need an appropriate loader to handle this file type

  1. webpack 解析中 引入 css/font 等等的解析
  3. module: {
  4.     rules: [
  5.       {
  6.         test: /\.js$/,
  7.         use: 'source-map-loader',
  8.         enforce: 'pre',
  9.       },
  10.       {
  11.         test: /\.tsx?$/,
  12.         exclude: /node_modules/,
  13.         use: {
  14.           loader: 'ts-loader',
  15.           options: {
  16.             appendTsSuffixTo: [/\.vue$/],
  17.           },
  18.         },
  19.       },
  20.       {
  21.         test: /\.vue$/,
  22.         use: 'vue-loader',
  23.       },
  24.       {
  25.         test:/\.css$/i,
  26.         //使用style-loader css-loader 从右往左生效
  27.         use:['style-loader','css-loader']
  28.       },
  29.       {
  30.         test: /\.s[ac]ss$/,
  31.         use: [
  32.           MiniCssExtractPlugin.loader,
  33.           {
  34.             loader: 'css-loader',
  35.             options: { sourceMap: true },
  36.           },
  37.           {
  38.             loader: 'postcss-loader',
  39.             options: {
  40.               ident: 'postcss',
  41.               sourceMap: true,
  42.               plugins: [
  43.                 require('autoprefixer')(),
  44.               ],
  45.             },
  46.           },
  47.           {
  48.             loader: 'sass-loader',
  49.             options: { sourceMap: true },
  50.           },
  51.         ],
  52.       },
  53.       {
  54.         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  55.         use: {
  56.           loader: 'url-loader',
  57.           query: {
  58.             limit: 10000,
  59.             name: 'imgs/[name]--[folder].[ext]'
  60.           }
  61.         }
  62.       },
  63.       {
  64.         test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
  65.         loader: 'url-loader',
  66.         options: {
  67.           limit: 10000,
  68.           name: 'media/[name]--[folder].[ext]'
  69.         }
  70.       },
  71.       {
  72.         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
  73.         use: {
  74.           loader: 'url-loader',
  75.           query: {
  76.             limit: 10000,
  77.             name: 'fonts/[name]--[folder].[ext]'
  78.           }
  79.         }
  80.       }
  81.     ],
  82.   },
  84.   （如果还报类似的错  根据提示的文件类型 继续添加解析）