2

我已经仔细遵循了 CoreUI 文档指南，用于主题在 vuejs 开发中的集成，这个主题是为 vuejs 环境中的集成而设计的特定组件。所述文档指定了我执行的安装命令：

git clone https://github.com/coreui/free-bootstrap-admin-template.git my-project
$ cd my-project
$ npm install.

执行后，我将文件夹 /src 中的文件复制到 laravel 项目的 /resources 中，我还添加了：

mix.js('resources/js/app.js', 'public/js')
	.js('resources/js/bootstrap.js', 'public/js')
  /*This is the mainjs on template /src*/
	.js('resources/js/main.js', 'public/js') /*This line is added*/
   	.sass('resources/sass/app.scss', 'public/css');

mix.browserSync({
   	    proxy: 'http://localhost:8000'
   	});

让 webpack 编译文件的代码 /main.js 执行模板依赖

执行“npm run watch”后会产生以下错误：

ERROR in ./resources/js/router/index.js
Module build failed: SyntaxError: Unexpected token (68:31)

  66 | 
  67 | // Views
> 68 | const Dashboard        = () => import('@/views/Dashboard')
     |                                ^
  69 | 
  70 | const Colors           = () => import('@/views/theme/Colors')
  71 | const Typography       = () => import('@/views/theme/Typography')

在对包含的行进行编码之后

const Dashboard        = () => import('@/views/Dashboard')

并将它们替换为

import Dashboard        from 'resources/js/views/Dashboard.vue'

它会产生另一个错误：

ERROR in ./resources/js/router/index.js
Module build failed: SyntaxError: Unexpected token (64:31)

  62 | 
  63 | Containers
> 64 | const DefaultContainer = () => import('resources/js/views/Dashboard.vue')
     |                                ^
  65 | 
  66 | 
  67 | // // Views

在 laravel 项目中有关 vuejs 模板实现的文档非常有限，这使得该模板的实现变得困难。如果您对此提出建议或解决方案，这将非常有帮助。

4

1 回答 1

0

你应该试试这个：

const Dashboard = () => System.import('@/views/Dashboard');

出于某种原因，在基于 laravel 的 Vue 项目中，我从来没有在没有 System 的情况下进行导入工作。这为我解决了这个问题。你也可以设置：

const import = System.import();

在路由器的顶部，因此您不必修改所有导入。

于 2018-10-19T05:39:17.340 回答