vue文件解析jsx再view目录下不好使，再components目录下好使

Vue 文件本身并不支持使用 JSX 语法，需要通过插件或者 loader 的方式来实现。一般来说，在 Vue 的组件中使用 JSX 语法需要使用 Babel 插件 `@vue/babel-plugin-jsx`。根据你所描述的问题，我猜测你在 `view` 目录下使用了 JSX，但是没有配置相应的插件或者 loader，所以无法正常解析。而在 `components` 目录下可能已经配置好了相关插件或者 loader，所以可以正常使用。你需要检查一下你的配置是否正确，并且确保在使用 JSX 语法的组件中引入了相应的插件或者 loader。

相关问题

webpack3 搭建babel+jsx 在vue文件中可解析jsx

要在Vue文件中使用JSX语法，你需要使用Babel和Webpack进行设置和配置。下面是一个简单的步骤：

1. 安装必要的依赖项

npm install --save-dev babel-core babel-loader babel-preset-env babel-plugin-transform-vue-jsx vue-template-compiler

2. 在webpack.config.js文件中配置Babel和Webpack

module.exports = {
  entry: 'main.js',
  output: {
    path: __dirname + '/dist',
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        options: {
          presets: ['env'],
          plugins: ['transform-vue-jsx']
        }
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  }
}

3. 在Vue组件中使用JSX

<template>
  <div>
    <h1>Hello World</h1>
    <MyComponent></MyComponent>
  </div>
</template>

<script>
import MyComponent from './MyComponent'

export default {
  components: {
    MyComponent
  },
  render() {
    return <div>Hello JSX</div>
  }
}
</script>

这样就可以在Vue组件中使用JSX了。注意，在组件中使用JSX必须要导入`vue-template-compiler`和`transform-vue-jsx`插件。

从根目录下引入vue文件会报错

你可以尝试使用相对路径来引入Vue文件，确保路径的准确性。假设你的Vue文件位于根目录下的src目录下的components目录中，你可以使用以下方式进行引入：

import VueComponent from '@/components/YourVueComponent.vue';

其中`@`代表src目录的别名，这是在Vue项目中默认配置的。如果你的项目中没有配置这个别名，你可以使用相对路径来引入：

import VueComponent from '../../components/YourVueComponent.vue';

请注意，根目录下引入Vue文件时需要确保路径的正确性，包括文件名和文件夹名称的大小写以及文件后缀是否正确。如果问题仍然存在，请提供更多的错误信息和代码片段，以便更好地帮助你解决问题。